Web Creations⚡️
UI Engineering⚡️
Crafted For Developers⚡️
Effortless UI Mastery⚡️
Pixel Perfect Productivity⚡️
Code. Ship. Scale⚡️
Modern Components - Modern Workflow⚡️
Developer Experience, Elevated⚡️
Web Creations⚡️
UI Engineering⚡️
Crafted For Developers⚡️
Effortless UI Mastery⚡️
Pixel Perfect Productivity⚡️
Code. Ship. Scale⚡️
Modern Components - Modern Workflow⚡️
Developer Experience, Elevated⚡️
Web Creations⚡️
UI Engineering⚡️
Crafted For Developers⚡️
Effortless UI Mastery⚡️
Pixel Perfect Productivity⚡️
Code. Ship. Scale⚡️
Modern Components - Modern Workflow⚡️
Developer Experience, Elevated⚡️
- 50+
Components
Ready-to-use UI components crafted for modern, scalable web applications.
- 10+
Categories
Cleanly grouped layouts, forms, navigation patterns, and many more things.
- MIT
Open Source
Permissive Open-Source MIT License allowing use, modification, and distribution.
- TSX
Type Safety
Type-safe components built with modern TypeScript standards.
- DX
Focused
Optimized developer experience with copy-paste ready patterns.
- 100%
Customizable
Fully customizable components to match your brand.
Queries
What technologies does this component library use ?
⚡ Built with modern tech stack - Next.js, Typescript, Javascript, Tailwind CSS, Framer Motion, React, Vite for maximum performance.
Is this an open-source project ?
🌱 Yes ! This is completely open-source. We welcome all contributions - no contribution is too small. Join us on GitHub to help improve the library.
Can I use these in commercial projects ?
✅ Yes ! Free components are MIT licensed - use in unlimited personal, commercial projects.
What features do components include ?
🎨 All components have dark + light mode, fully responsive, TypeScript support, accessibility features, and are ready-to-use.
Are components mobile-responsive ?
📱 Yes ! All components follow mobile-first design principles and work perfectly across all device sizes and seamless.
Is TypeScript must required ?
📘 No, but recommended ! Components work with both TypeScript and JavaScript. Full type definitions provided for TS users.
Can I use components with AI tools ?
🤖 Absolutely ! Components work with AI tools like V0, Lovable, ChatGPT, Claude, Gemini, Perplexity, GitHub Copilot, Windsurf, and Replit.
Can I customize styles and animations ?
🎛️ Yes ! All components are built with Tailwind and Framer Motion, so you can easily tweak colors, layouts, and animations to match your brand.
Are there templates available ?
📁 Yes ! Navigate to Templates page for starter templates (free + paid) - perfect for kickstarting your projects with best practices.
How often is the library updated ?
🔄 Regular updates with new components, bug fixes, and feature enhancements. Follow our GitHub for latest releases.
How do I get support or report issues for components ?
🆘 Contact via - GitHub Issues, Social Media or Email (thevinayakgore@gmail.com).
How can I contribute to the project ?
🤝 You can contribute via GitHub pull requests, report issues, suggest features, or improve documentation.
Will there be a CLI tool ?
🚀 Yes ! CLI is coming soon for easy component installation and project scaffolding directly from terminal.
How can I share components ?
📢 Please do share on social media ! Use share button in rightsidebar on content pages - Copy URL, Email, X (Twitter), WhatsApp, Facebook, Instagram and more.
What's the benefit of sharing components ?
🌍 Sharing helps to grow our community, brings more contributors, and creates better results for everyone. Your support matters !
Explore
Latest UI
Superpower for
the Modern Web 🎉
Build with Next.js, scale with React, ship fast using Vite, style with Tailwind CSS, animate with Framer Motion - all powered by beautiful, production-ready UI components !!