Flex Navbar
A modern navbar with smooth expansion, media panels, and theme controls.
Loading...
Installation
npx shadcn@latest add @scrollxui/flex-navbar 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.