NavyaUI

NavyaUI is a curated collection of animated React components crafted to elevate your user interface. Built on the foundation of shadcn/ui and Framer Motion, it delivers drop-in, highly customizable elements designed for uncompromising aesthetic quality and seamless functionality.

Live Demo

navyaui.vercel.app

The Collection

| Component | Aesthetic & Function | | -------------------- | ---------------------------------------------------------- | | Spotlight Card | Cursor-tracking radial glow for elevated focal points. | | Moving Border | Orbiting conic gradient borders with fluid motion. | | Flip Words | Spring-animated typography cycling for dynamic messaging. | | Text Generate | Cinematic blur-to-sharp word reveal sequences. | | 3D Card | Immersive perspective tilt with layered depth rendering. | | Background Beams | Animated SVG gradient beams for high-impact hero sections. | | Meteors | Atmospheric shooting star particle simulations. | | Infinite Cards | Auto-scrolling, sleek carousel architectures. | | Floating Dock | Fluid, OS-level magnifying navigation interfaces. |

Integration

NavyaUI is engineered for zero-friction adoption into your existing React ecosystem.

Quick Start

Initialize components universally via CLI, or integrate directly from the source to maintain total control over your design system.

npm install navyaui

# Add this to components.json
# "registries": { "@navya": "https://navyaui.vercel.app/r/{name}.json" }

npx shadcn@latest init
npx shadcn@latest add "@navya/spotlight-card"

# Optional: MCP setup for AI clients
npx shadcn@latest mcp init --client cursor

Note: Comprehensive installation guides, dependency arrays, and configuration details are available in the official documentation.

Tech Stack

Built with a highly optimized, modern web stack:

• React & TypeScript
• Tailwind CSS
• Framer Motion
• shadcn/ui ecosystem

License

Feel Free to contribute.