Zen Footer
Minimal, peaceful footer with Japanese aesthetics. Clean and meditative design.
Main Features of Zen Footer
How to Use Zen Footer in Next.js
Installation Guide for Zen Footer
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
links | string[] | ["Mission", "Tech", "Crew", "Contact"] | Array of footer link labels. |
backgroundColor | string | #e6e2d3 | Background color of the footer (hex, rgb, or hsl). |
textColor | string | #2c2c2c | Text color for links (hex, rgb, or hsl). |
accentColor | string | #b91c1c | Accent color for hover states and stamp (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
Zen Minimal Nav
Japanese minimal navigation with lots of whitespace and red dot indicator. Perfect for high-end portfolios.
View Component
Sketchy Nav
Hand-drawn style navigation with organic, wobbly lines. Great for creative and indie projects.
View Component