Dev Design Library

Glass Navigation

A pill navbar that expands into a full panel of large nav links, a tagline, and social links, with a CTA button, badges, active-page highlight, and light/dark theming.

Glass Navigation preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/glass-navigation.json
Files
  • registry/new-york/glass-navigation/glass-navigation.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame