Navbar
A modern navigation bar component built with shadcn/ui and Tailwind CSS.
This versatile navigation component comes with multiple variants including static, sticky, and floating styles. Each variant is carefully designed to provide optimal navigation experience while maintaining shadcn's clean aesthetic.
The component includes essential features such as dropdown menus, mobile responsiveness, and seamless dark mode support. Built with Tailwind CSS, it ensures consistent styling and smooth integration with other shadcn components in your interface.
Installation
Set up project
If you haven't done that already, follow the installation guide before installing your first component.
Install components and dependencies
npx shadcn@latest add "https://launchuicomponents.com/r/navbar"
This command will:
- install necessary dependencies and add them to
package.json
- add components required by this block to work to
components/ui
- add a ready-to-use block to
components/sections
Add more variants
Get Launch UI Pro to access all variants.
Usage
Need help?
File a feature request, report a bug, or ask me anything.