Vyoma UI

Beautiful, accessible React components with smooth animations

🚀 Get Started • 📖 Components • 🤝 Contribute

• 🎯 Copy & Paste - No complex setup, just beautiful components
• ⚡ Lightweight - Only what you need, when you need it
• 🎨 Customizable - Built with Tailwind CSS for easy theming
• 📱 Responsive - Works perfectly on all devices
• ♿ Accessible - ARIA compliant with keyboard navigation
• 🌙 Dark Mode - Beautiful in light and dark themes

# Clone and run locally
git clone https://github.com/Srijan-Baniyal/vui.git
cd vui && yarn install && yarn dev

// Copy any component and use it
import { MagicalButton } from './components/vui/buttons/MagicalButton'

export default function App() {
  return (
    <MagicalButton variant="shimmer">
      ✨ Click me!
    </MagicalButton>
  )
}

FlipButton • MagneticButton • ShimmerButton • SpotLight • VideoButton

AnimatedNumber • CountUp • TextDecryption • TypingText

BentoGrid • Card • Navigation • Sheet • Tooltip • WheelPicker

Tunnel • WavyTiles

CheckboxUpgraded • MagicalChatInput

View all components →

Next.js • TypeScript • Tailwind CSS • Framer Motion • Radix UI

We'd love your help making Vyoma UI even better!

• 🐛 Report bugs or suggest features
• 🎨 Add new components following our guidelines
• 📝 Improve documentation or fix typos
• ⭐ Star the repo to show your support

Read our Contributing Guide →

MIT License - feel free to use in personal and commercial projects.