# Sterling Gate: Kinetic Navigation

> An authoritative full-screen navigation component designed for high-end digital experiences. This menu utilizes a "Reveal" logic—where the interface transitions from a focused view to an immersive, typography-heavy navigation layer. Inspired by the "Silver" Paya and "Jalchar" (Water) elements, the transitions are fluid and heavy-weighted, providing a tactile sense of depth. It features interactive hover states that "ripple" across the menu items, perfect for agencies and luxury brands that prioritize a "Quiet Luxury" aesthetic.

- Author: [Hardik Kashiyani](https://21st.dev/@hardikkashiyani123456788)
- License: unknown
- npm dependencies: gsap
- Live preview: https://21st.dev/@hardikkashiyani123456788/components/sterling-gate-kinetic-navigation

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/hardikkashiyani123456788/sterling-gate-kinetic-navigation?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt