Resizable Navbar

Full-width navbar that shrinks into a floating, blurred pill once you scroll.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://velora.colorlib.com/r/resizable-navbar.json

Files

• src/components/velora/resizable-navbar.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Floating Navbar Components
• Animated Floating Navbar Components
• Navbar Components
• React Navbar Components
• Tailwind CSS Navbar Components
• Animated Navbar Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components

More from Velora UI

• Floating Navbar
• Floating pill navbar
• Mega menu navbar
• Navbar Menu
• 3D Card
• 3D Marquee
• 3D Pin
• Animated Beam
• Animated Gradient Text
• Animated List
• Animated Modal
• Animated Sidebar