---
title: "VFX-JS"
description: "Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text."
canonical: "https://vibing.inc/library/vfx-js-vg-1784"
category: "Shaders, WebGL & Creative Coding"
subcategory: "WebGL image effects"
license: "MIT"
author: "Takayosi Amagi (@amagitakayosi)"
source: "https://github.com/fand/vfx-js"
---

# VFX-JS
Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.
## Facts
- Source: https://github.com/fand/vfx-js
- Category: Shaders, WebGL & Creative Coding / WebGL image effects
- Author: Takayosi Amagi (@amagitakayosi)
- Licence: MIT
- Tags: webgl, dom, effects, shaders
## Why it's a gem
Shader effects on real DOM elements without rebuilding your page inside Three.js.
---
Listed in The Vibeary: https://vibing.inc/library/vfx-js-vg-1784 · JSON: https://vibing.inc/api/public/library/gems/vfx-js-vg-1784