Elastic Slider Nav
Smooth spring animation for the active state indicator. Perfect for mobile apps and clean dashboards.
Main Features of Elastic Slider Nav
How to Use Elastic Slider Nav in Next.js
Installation Guide for Elastic Slider Nav
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
items | Array<{name: string, href: string}> | [] | Array of navigation items with name and href. |
className | string | undefined | Additional CSS classes for the nav container. |
activeTab | string | undefined | Controlled state for active tab. |
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