fand/vfx-js

Health v2 · maintenance only

Adoption not part of the score

1132 stars · 37 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

VFX-JS is a JavaScript/TypeScript library for adding WebGL-powered visual effects to websites. It attaches GLSL shader effects to normal HTML elements like <img>, <video>, <canvas>, and even <div>s, with optional React bindings.

Use cases

• add glitch effects to images on my website
• apply shader effects to videos in the browser
• animate images with WebGL without writing raw WebGL code
• add bloom or pixelate post-processing to HTML elements
• create creative-coding visual effects for the web
• apply rgb shift effects to gifs and images
• use WebGL effects in React components

When to choose

• you want to add GPU-accelerated visual effects to existing HTML elements without learning WebGL
• you need shader-based effects on images, videos, canvases, or DOM elements
• you want prebuilt composable effects like bloom and pixelate
• you are doing creative-coding or building visually expressive marketing sites

When to avoid

• you need a full 3D scene engine like Three.js rather than element-level effects
• you need broad browser support including WebGL-less environments
• you need non-visual GPU compute or data processing

Facets

library · maturity active

animation image-processing video-processing graphics web-development frontend graphics browser webgl glsl shaders creative-coding post-processing react-bindings visual-effects javascript web

Member repositories

For agents

markdown · JSON · MCP: product_card(name="fand/vfx-js")