Shaders
High-performance WebGL shaders. Visually intense and fully customizable.
Hyperfluid BG
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Optional Tailwind classes to style the container. |
| color1 | string | — | First vibrant color. Default: '#00ccff' |
| color2 | string | — | Second vibrant color (Magenta). Default: '#e60099' |
| color3 | string | — | Third vibrant color (Acid Lime). Default: '#ccff00' |
| colorBg | string | — | Background base color. Default: '#050508' |
Magic Dust
Magic
Dust.
100% editable via React Props. Pass any text array or 3D geometry and watch it materialize instantly.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| sequence | SequenceItem[] | — | Array of texts or 3D shapes to cycle through. Default: [{ text: 'MAGIC' }, ...] |
| particleCount | number | — | Number of particles to render. Default: 10000 |
| particleColor | string | — | Hex color for the particles. Default: '#ffffff' |
| particleSize | number | — | Base size of each particle. Default: 0.02 |
| fontFamily | string | — | Font used for rendering text. Default: 'sans-serif' |