SterlingGateKineticNavigation
1.0.0Full-screen kinetic navigation that reveals a typography-heavy overlay from a focused header, with ripple hover on destinations.
npx jabkit add sterling-gate-kinetic-navigationComponent Data
- ID
- sterling-gate-kinetic-navigation
- Category
- marketing
- Version
- 1.0.0
- Added
- 2026-09-07
- Type
- block
- Keyboard nav
- Yes
- Reduced motion
- Yes
navbarmarketingnavigationoverlayfullscreenkineticmenuluxury
Dependencies
- lucide-react
- clsx
- tailwind-merge
Examples
Default
<SterlingGateKineticNavigation
{...sterlingGateKineticNavigationMocks.default}
/>Variants
<SterlingGateKineticNavigation
{...sterlingGateKineticNavigationMocks.alternate}
/>