Liquid Event Horizon
3D liquid metal/ferrofluid effect footer with WebGL shaders. Mesmerizing visual effect.
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| links | string[] | ["Mission", "Tech", "Crew", "Contact"] | Array of footer link labels. |
| backgroundColor | string | #000000 | Background color of the footer (hex, rgb, or hsl). |
| liquidColor | string | #00ffff | Color of the liquid effect (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.