Venumity UI Component CLI - Install beautiful components directly into your project !
npm install venumityProfessional-grade UI components for Next.js, React, and modern web applications
---
bash
Using npm (Recommended & Fully Supported)
npx venumity add standard-alertUsing bun (Fully Supported)
bunx venumity add standard-alert
`$3
bash
npx venumity@latest add component-name
`$3
bash
Yarn support
yarn dlx venumity add standard-alert
pnpm support
pnpm dlx venumity add standard-alert
`---
📋 Current Framework Support
$3
- Next.js 16+ (App Router & Pages Router)
- Vite + React (Modern build tool)
- React 18+ (Latest features)$3
- Vue.js
- Angular
- Astro---
📦 Available Commands
$3
bash
Add any component with intelligent project detection
npx venumity add Examples
npx venumity add standard-alert
npx venumity add hero-section
`$3
bash
Show help and usage
npx venumity --helpCheck version
npx venumity --version
`---
🏗️ Project Architecture
$3
your-project/
├── src/ # Optional src folder
│ └── components/
│ └── ui/ # Components placed here
│ └── standard-alert.tsx
├── components/ # Alternative structure
│ └── ui/
│ └── standard-alert.tsx
└── package.json
$3
Venumity CLI automatically detects:
- Project framework (Next.js, Vite, React)
- Package manager (npm, bun)
- Language preference (TypeScript/JavaScript)
- CSS framework (Tailwind, Material UI, Bootstrap)
- Project structure (src folder usage)---
🎨 Component Features
$3
- ✅ Tailwind CSS (Primary & Recommended)
- ✅ Material UI (Material Design Components)
- ✅ Bootstrap (Traditional Bootstrap)
- ✅ CSS Modules (Scoped styling)$3
- ✅ Framer Motion (Modern React animations)
- ✅ GSAP (Professional-grade animations)
- ✅ CSS (No dependencies)$3
- ✅ TypeScript (Full type definitions)
- ✅ JavaScript (ES6+ with PropTypes)
- ✅ IntelliSense (VS Code support)---
🔧 Installation Process
$3
1. Choose Framework → Select Next.js or Vite
2. Select Language → TypeScript or JavaScript
3. Pick CSS Framework → Tailwind, Material UI, etc.
4. Choose Animations → Framer Motion, GSAP, or none
5. Project Created → Full setup with component included$3
1. Framework Detection → Auto-detects Next.js/Vite
2. Language Detection → Auto-detects TS/JS
3. Dependency Installation → Auto-installs required packages
4. Component Placement → Adds to folder
5. Import Ready → Shows exact import statement---
🚀 Features
$3
- ✅ Fast components with minimal overhead
- ✅ Uses modern ES modules
- ✅ Works well with server-side rendering$3
- ✅ Written with TypeScript support
- ✅ Easy to use during development
- ✅ Simple theming and customization
- ✅ Basic accessibility support$3
- ✅ Handles common UI states like loading and empty screens
- ✅ Designed to work on all screen sizes
- ✅ Suitable for small and growing projects---
📊 Roadmap
$3
- ✅ Next.js & Vite support
- ✅ npm & bun package managers
- ✅ TypeScript & JavaScript
- ✅ Tailwind CSS–first components
- ✅ Framer Motion animations
- ✅ Dark mode support$3
- 🚧 Vue.js & Nuxt.js support
- 🚧 Yarn & pnpm support
- 🚧 Component themes---
🤝 Contributing
Thanks for your interest in contributing to Venumity UI ❤️
At the moment, the website and component registry are not accepting public contributions. The project is still in its early stage and the core structure is actively evolving and contributions will open once the architecture and workflows are finalized.
$3
Even without direct code contributions, your input is highly valuable :
- 🐞 Report bugs or issues
- ⭐ Request new features or components
- 💡 Suggest improvements or enhancements
- 📣 Share feedback to help improve the experience
- 🤔 Ask questions or get clarification$3
You can reach out through :
- 🌐 Contact Page : https://venumity.vercel.app/contact
- 📧 Email : thevinayakgore@gmail.comAll feedback, ideas, and requests are reviewed and help shape the future of Venumity UI.
---
📄 License
MIT License - See LICENSE for details.
---
🙏 Acknowledgments
- Built with ❤️ by The Vinayak Gore
- Designed to help developers get started faster
- Actively evolving with new ideas and improvements
---
Venumity UI CLI - Accelerate your development with production-ready components. Start building beautiful interfaces in minutes, not hours.
`bash
Start your journey today
npx venumity@latest add standard-alert
``Modern UI components for modern developers.