Simple component to add vignette over an image

PixiJS filter to apply an vignette effect

👉 https://hyper.fun/c/material-icon-vignette-filled/1.3.0

a simple ThreeJS vignette background

a simple ThreeJS vignette background

a simple ThreeJS vignette background

Cinematic hero sections for Next.js — compound component API with image rotation, parallax, vignette overlays, blur masks, and dot patterns.

Full-screen FPS-style edge vignette notices for React (error, warning, success)

👉 https://hyper.fun/c/material-icon-vignette-twotone/1.3.0

a simple ThreeJS vignette background

👉 https://hyper.fun/c/material-icon-vignette-round/1.3.0

a soft gradient background in WebGL

Cinematic texture web components — film grain, vignette, light leaks, scanlines, and paper textures. Zero dependencies.

VHS Product Demo Screen — Your product image or video plays inside a floating retro CRT/VHS-style screen with subtle barrel curvature, scanlines, chromatic aberration, vignette and occasional tracking-noise glitch… A customizable CrazyGL animated hero sec

👉 https://hyper.fun/c/material-icon-vignette-outlined/1.3.0

WebGL2 visual filter primitives: blur, bloom, glow, vignette, grain, chromatic aberration, color grading, pixelate. One-input, composable, zero runtime deps.

pi coding-agent extension: input-editor border pulses yellow → red as the context window fills up, like an FPS damage-vignette.

Galaxy Tunnel — A cinematic flythrough — thousands of glowing particles streaming past a virtual camera with velocity trails, bloom, and chromatic vignette. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

These are special components specific to wiagl surveys. See individual component folders for documentation.

GPU-accelerated WebGL phosphor display simulator.