Notch Navbar

Responsive navbar with a sleek cutout notch design.

Library

Vengeance UI

Framework

React

Type

ui

License

MIT

Dependencies

framer-motion, lucide-react, next-themes

Install

npx shadcn@latest add https://www.vengenceui.com/r/notch-navbar.json

Files

• src/components/ui/notch-navbar.tsx
• src/lib/utils.ts
• src/components/theme-toggle.tsx
• src/assets/logo/logo-icon.tsx
• src/components/ui/button.tsx

Source

https://github.com/Ashutoshx7/VengeanceUI

Categories

• Dynamic Island Components
• React Dynamic Island Components
• Tailwind CSS Dynamic Island Components
• Animated Dynamic Island 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

More from Vengeance UI

• Awwwards Nav
• Mega Menu Navbar
• Menubar
• Spotlight Navbar
• Accordion
• Agent Bento Grid
• Alert
• Animated Button
• Animated Footer
• Animated Number
• Animated Rays
• Animated Tooltip