NavBar

Responsive navigation bar with a built-in language menu, floating variant, animated link highlight, mobile menu and GitHub link. shadcn theme tokens, RTL-aware.

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.

"use client";

import { NavBar } from "@/components/ui/navbar";

export default function App() {
  return (
    <NavBar
      logo={<span className="font-bold">MyApp</span>}
      links={[{ label: "Home", href: "/" }]}
      sticky={false}
    />
  );
}