Spectrum Footer
Colorful spectrum gradient footer with smooth color transitions and animations.
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| links | string[] | ["Mission", "Tech", "Crew", "Contact"] | Array of footer link labels. |
| gradientFrom | string | #ff0000 | Starting color for the gradient (hex, rgb, or hsl). |
| gradientTo | string | #0000ff | Ending color for the gradient (hex, rgb, or hsl). |
Related Components
Apple Glass Nav
Glassmorphism navigation with frosted glass effect and smooth transitions. Inspired by Apple's design language.
View Component
Sketchy Nav
Hand-drawn style navigation with organic, wobbly lines. Great for creative and indie projects.
View Component
Gradient Border Nav
Dark, sleek navigation with a moving gradient border. Used by OpenAI, Raycast, and Linear clones.
View Component
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.