Gooey nav
Customize Gooey Nav
Particle Count15
Particle Radius100
Animation Time600ms
Time Variance300ms
Initial Active Index0
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | GooeyNavItem[] | required | Array of navigation items with label and href. |
| animationTime | number | 600 | Duration of the gooey animation in milliseconds. |
| particleCount | number | 15 | Number of particles to generate during animation. |
| particleDistances | [number, number] | [90, 10] | Start and end distances for particle animation. |
| particleR | number | 100 | Radius variation for particle animation. |
| timeVariance | number | 300 | Time variance for particle animations. |
| colors | number[] | [1, 2, 3, 1, 2, 3, 1, 4] | Color indices for particles. |
| initialActiveIndex | number | 0 | Index of the initially active navigation item. |
Dependencies
None
Created with ❤️ by Cybershoora