Glass Nav Bar

A compact, rounded glassmorphism navigation bar with icons and labels; lightweight CSS-only UI component designed for headers, toolbars, or inline controls. Includes accessible focus states and responsive sizing for mobile layouts.

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

import Component from "@/components/ui/glass-nav-bar";

export default function DemoOne() {
  return <Component />;
}