Floating pill navbar
Full-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobile menu.
- Library
- Velora UI
- Framework
- React
- Type
- block
- License
- MIT
- Dependencies
- lucide-react
- Install
npx shadcn@latest add https://velora.colorlib.com/r/navbar-floating.json- Files
src/components/blocks/navbar-floating.tsxsrc/components/velora/resizable-navbar.tsxsrc/lib/utils.tssrc/components/ui/button.tsx
- 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
- shadcn/ui Navbar Components
- Navigation Components
- React Navigation Components
- Tailwind CSS Navigation Components
- Animated Navigation Components
- shadcn/ui Navigation Components