Skip to content

PankajKumardev/ui-unify

UI-Unify

image

Stars Forks Issues

🌟 Overview

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.


πŸš€ Features

πŸ“¦ Unified UI Components

  • Centralized repository of components from Aceternity UI, Magic UI, Shadcn/ui, and more.
  • Component previews and code snippets for all libraries.

πŸ›  Developer Tools

  • Simplified installation guides for each UI library.
  • AI-powered suggestions and custom component generation via the Gemini API.

πŸ“š Comprehensive Documentation

  • Step-by-step tutorials for using and customizing UI libraries.
  • Legal pages like Privacy Policy and Terms of Service.

🌐 Deployment

  • Hosted on Vercel .

πŸ’» Tech Stack

Category Technology
Frontend Next.js, TailwindCSS, Framer Motion
Backend Next.js API
AI Integration Gemini API
Tools TypeScript
Deployment Vercel

πŸ“‚ Repository Structure

β”œβ”€β”€ .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

πŸ“₯ Installation

  1. Clone the repository:
    git clone https://github.com/PankajKumardev/ui-unify.git
    cd ui-unify
  2. Install dependencies:
    npm install
  3. Set up environment variables:
    • Copy .env.example to .env.
    • Add required keys.
  4. Start the development server:
    npm run dev

🀝 Contribution Guidelines

🌱 How to Get Involved

  1. Fork the repository by clicking the "Fork" button.
  2. Clone your fork:
    git clone https://github.com/pankajkumardev/ui-unify.git
  3. Create a new branch:
    git checkout -b feature/<feature-name>
  4. Make changes and commit:
    git add .
    git commit -m "Your descriptive commit message"
  5. Push changes:
    git push origin <your-branch-name>
  6. Open a pull request.

πŸ“Œ Suggested Contributions

  • Improve UI library integration.
  • Enhance the user experience for component previews.
  • Add new UI libraries or components.

🌟 Stargazers & Forkers

We appreciate your support! 🌟🍴

Stargazers Forks


πŸ›‘ License

UI-Unify is available under the MIT License. Feel free to use and modify responsibly.


πŸ“– Changelog

Refer to CHANGELOG.md for updates.


πŸ“¬ Contact

For queries or collaborations:

Packages

No packages published

Languages