ElyriPixel Vortex
A WebGL LED screen: plays a video downsampled into pixel diodes; without a video, a slow flowing flame glows toward the pointer. Adapts to light and dark themes.
Customize
Fire
#ff4d12Highlight
#ffd9b0Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
videoSrc | string | — | Video played on the LED wall (cross-origin needs CORS; the server needs Range support for streaming large videos); falls back to flames when omitted |
color | string | '#ff4d12' | Main fire color (hex) |
highlightColor | string | '#ffd9b0' | Color of the brightest areas (hex) |
cellSize | number | 4 | Size of a single LED pixel (CSS px) |
seams | boolean | false | Whether to show panel seams (one panel per 16×10 pixels) |
seamWidth | number | 5 | Seam width (CSS px) |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether the vortex center follows the pointer |
className | string | — | Extra class name |
Dependencies
WebGL