Flex Navbar
A modern navbar with smooth expansion, media panels, and theme controls.
FlexNavbar will appear on top of the page
Installation
npx shadcn@latest add https://scrollxui.dev/registry/flex-navbar.json Usage
import { FlexNavbar } from "@/components/ui/flex-navbar";<FlexNavbar
brandName="ScrollX UI"
tagline="Motion-first component library"
launchText="Open-source"
navLinks={[
{ label: "Components", href: "/docs/components" },
{ label: "Docs", href: "/docs" },
{
label: "GitHub",
href: "https://github.com/Adityakishore0/ScrollX-UI",
},
{ label: "Showcase", href: "/Showcase" },
]}
media={{
type: "video",
src: "/assets/scrollxuilaunch.webm",
autoplay: false,
}}
mediaButtonText="Watch intro"
/>API Reference
Flex Navbar
A modern navbar with smooth expansion, media panels, and theme controls.