React component generator with Tailwind CSS v4 & Purple Elegant theme
npm install purvex-uiReact Component Generator for Tailwind CSS
Built by a high school developer, designed for modern web development
---
Purvex UI is a component generator, not a traditional UI library. Copy components directly into your project, customize them however you want, and maintain full control without any external dependencies.
What makes Purvex UI different:
- Full control over component code
- Zero runtime overhead
- Built with Tailwind CSS v4
- One command setup
- Beautiful purple elegant theme out of the box
---
``bash`
npx create-vite@latest my-app --template react
cd my-app
npm install
`bash`
npx purvex-ui setup
This command automatically installs:
- Tailwind CSS v4
- clsx & tailwind-merge
- Path alias configuration
- Complete folder structure
`bash`
npx purvex-ui add button
npx purvex-ui add card
npx purvex-ui add avatar
`jsx
import { Button } from "@/components/ui/button"
function App() {
return
}
`
---
`bash`
npx purvex-ui add button
`bash`
npx purvex-ui add card
`bash`
npx purvex-ui add avatar
More components coming soon: Input, Dialog, Alert, Dropdown, Navigation, Form Components
---
| Command | Description |
|---------|-------------|
| npx purvex-ui setup | Complete project setup with Tailwind v4 |npx purvex-ui add
| | Add a component to your project |npx purvex-ui list
| | List all available components |npx purvex-ui init
| | Initialize folder structure only |npx purvex-ui uninstall
| | Remove Purvex UI from project |
---
All components are in your project at src/components/ui/. Edit them directly:
`jsx
// Extend with Tailwind classes
// Or edit the source file directly
// src/components/ui/button.jsx
``
---
Full documentation, examples, and guides available at:
---
Purvex UI is created by Al Zaki Ibra Ramadani, a high school student passionate about web development and open source. This project represents a commitment to building tools that developers love to use.
If you find Purvex UI helpful, consider supporting its development:
Your support helps maintain and improve Purvex UI!
---
Want to contribute or collaborate?
📧 Email: alzak1ibra@gmail.com
💬 WhatsApp: +62-85600697366
🐛 Issues: GitHub Issues
---
MIT License © 2025-2026 PurvexUI
---