Menu

Editorial Kinetic Menu

A large-scale editorial navigation menu with kinetic mouse-tracking effects. Menu items feature oversized typography that warps and shifts as the cursor moves, paired with image previews.

Preview

Live interactive preview.

Installation

Add this component to your project using the CLI:

terminal
npx -y vui-registry-cli-v1@latest add editorial-kinetic-menu

Source Code

editorial-kinetic-menu.tsx
For solo buildersMost Popular

Component Pass

Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.

1-Year

Rs. 7999

component updates

Lifetime

Best
Rs. 14999

one-time access

  • Access to all premium components
  • Production-ready source code
  • Commercial license for one developer
Get Premium

Dependencies

  • gsap: ^3.14.0

Props

Component property reference.

NameTypeDefaultDescription
itemsArray<{label, href, image?}>[]Menu items with label, link, and optional preview image.
isOpenbooleanfalseControls menu visibility.
onClose() => void-Callback when menu is closed.
Context Worth Keeping In Orbit

Most components here are inspired by outstanding libraries and creators in the ecosystem. I don’t claim to be the original author — this is my space for learning, rebuilding, and understanding great work at a deeper level.

I’m still a student of the craft, constantly studying the best and translating what I learn through my own perspective. Every piece reflects curiosity, respect for the community, and small creative touches that feel true to me.

I’ve done my best to credit inspirations properly. If anything is missing or inaccurate, I truly appreciate a message so it can be corrected with care.