UI-Unify aggregates components from multiple UI libraries into a single platform for seamless integration, exploration, and implementation. It simplifies UI development with diverse library access, empowering developers to create elegant interfaces effortlessly.
- Centralized repository of components from Aceternity UI, Magic UI, Shadcn/ui, and more.
- Component previews and code snippets for all libraries.
- Simplified installation guides for each UI library.
- AI-powered suggestions and custom component generation via the Gemini API.
- Step-by-step tutorials for using and customizing UI libraries.
- Legal pages like Privacy Policy and Terms of Service.
- Hosted on Vercel .
Category | Technology |
---|---|
Frontend | Next.js, TailwindCSS, Framer Motion |
Backend | Next.js API |
AI Integration | Gemini API |
Tools | TypeScript |
Deployment | Vercel |
├── .env
├── .gitignore
├── README.md
├── code-snippets
├── components.json
├── lib
├── next.config.ts
├── package.json
├── postcss.config.mjs
├── tailwind.config.ts
├── tsconfig.json
├── app
│ ├── components
│ ├── Ai
│ ├── api
│ ├── docs
│ ├── preview
│ ├── privacy
│ ├── showcase
│ ├── terms
│ ├── favicon.ico
│ ├── globals.css
│ ├── layout.tsx
│ └── page.tsx
- Clone the repository:
git clone https://github.com/PankajKumardev/ui-unify.git cd ui-unify
- Install dependencies:
npm install
- Set up environment variables:
- Copy
.env.example
to.env
. - Add required keys.
- Copy
- Start the development server:
npm run dev
- Fork the repository by clicking the "Fork" button.
- Clone your fork:
git clone https://github.com/pankajkumardev/ui-unify.git
- Create a new branch:
git checkout -b feature/<feature-name>
- Make changes and commit:
git add . git commit -m "Your descriptive commit message"
- Push changes:
git push origin <your-branch-name>
- Open a pull request.
- Improve UI library integration.
- Enhance the user experience for component previews.
- Add new UI libraries or components.
We appreciate your support! 🌟🍴
UI-Unify is available under the MIT License. Feel free to use and modify responsibly.
Refer to CHANGELOG.md
for updates.
For queries or collaborations:
- Email: [email protected]
- LinkedIn: Pankaj Kumar
- Twitter: @pankajkumar_dev