Scrambled Text
Customize PixelTrail
Grid Size50
Trail Size0.1
Max Age250ms
Interpolate5
Gooey Filter Strength2
Props
| Property | Type | Default | Description |
|---|---|---|---|
| gridSize | number | 50 | The number of grid cells for the pixel trail effect. |
| trailSize | number | 0.1 | The size of each trail particle. |
| maxAge | number | 250 | The maximum age of trail particles in milliseconds before they fade out. |
| interpolate | number | 5 | The smoothness of trail animation interpolation. |
| color | string | "#fff" | The color of the trail particles. |
| gooeyFilter | object | { id: "custom-goo-filter", strength: 2 } | Configuration for the gooey filter effect applied to the trail. |
| className | string | "" | Additional CSS classes for the component. |
| style | React.CSSProperties | {} | Inline styles for the component. |
Dependencies
@react-three/fiber@react-three/dreiThree
Created with ❤️ by Cybershoora