Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProAn animated grid of subtly shifting glyphs on a canvas, with a theme-aware color driven by the consumer.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
glyphs | string | "01·•+*/\\<>=" | Characters to randomly pick from. |
cellSize | number | 14 | Cell size in pixels and font size. |
mutationRate | number | 0.04 | Probability a cell mutates each tick. |
interval | number | 90 | Tick interval in milliseconds. |
className | string | - | Classes applied to the canvas element. |
fadeBottom | number | 0.6 | Fade strength toward the bottom of the grid. |
color | string | "#6B7280" | Glyph color (any CSS color). |
The component draws with the color prop, which accepts any CSS color (hex, rgb(), hsl(), oklch(), ...) and is normalized through canvas before drawing. For light/dark support, drive color from the consumer — e.g. with next-themes as shown in the demo above.