Limelight Nav
Icon navigation bar with animated spotlight indicator for React
Limelight Nav preview
Scroll to load preview
A glowing spotlight follows your active nav item with a gradient light cone effect. Click a tab and watch it slide over smoothly. Icons fade between active (full opacity) and inactive (40%). Great for mobile bottom nav, dashboard tabs, or settings panels.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the limelight-nav component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.