Mo H

Navbar

Component

About

Sticky responsive Next.js navigation bar with mobile drawer and active link sliding Framer Motion animations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Navbar to your project and fits it to your theme.

Code

How Navbar is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Navbar from "@/components/ui/navbar"

export default function Demo() {
  return <Navbar />
}

Dependencies