UI-Topia 🌟

UI-Topia is open source UI liabrary for react and next apps.

Beautiful UI components built on top of ShadCN with Tailwind CSS 🎨

UI-Topia is an extensive collection of copy-and-paste components for quickly building app UIs. It's free, open-source, and ready to drop into your projects. 🚀

UI-Topia is designed to provide modern, accessible, and customizable UI components that help developers build beautiful, responsive web applications with ease.

---

✨ Features

• 🌟 Pre-built Components: A collection of essential UI components that are easy to integrate into your projects.
• 🛠️ Customizable: Full customization options to fit your project’s design system.
• 💡 Built with ShadCN: UItopia is built on top of ShadCN, leveraging its simplicity and power.
• 📱 Responsive Design: Components are designed to be fully responsive, ensuring a great experience across all devices.
• ♿ Accessible: All components are designed with accessibility in mind, following best practices.

---

🔧 Technologies

React + TypeScript + Vite

---

🚀 Installation for Use or Integration

To get started with UItopia, you can follow ShadCN installation guides:

• 📘 Manual (for React): Documentation
• ⚡ Vite + React: Documentation
• 🌐 Next.js: Documentation

Copy-and-paste components into your projects and apps ✅

---

🔥 Installation

To get started with UI-Topia, follow these steps:

1. 📂 Clone the Repository:
   First, clone the repository to your local machine:

   git clone https://github.com/Chirag-varu/UITopia.git  

2. 📁 Navigate to the Project Folder:

   cd UITopia  

3. 📦 Install Dependencies:
   Install all the necessary dependencies using npm or yarn:

   npm install  
   # OR  
   yarn install  

4. ▶️ Run the Project:
   Start the development server to view the project locally:

   npm run dev  
   # OR  
   yarn dev  

   This will start a local server, and you can view the project at http://localhost:5173 in your browser. 🌐

---

🤝 Contributing

We welcome contributions! Here's how you can contribute:

1. 🍴 Fork the Repository:
   Click on the Fork button at the top-right of the repository page to create a copy of the repository under your GitHub account.

2. 📥 Clone Your Fork:
   Clone your forked repository to your local machine:

   git clone https://github.com/Chirag-varu/UITopia.git  
   npm i  

3. 🌿 Create a New Branch:
   Always create a new branch to work on your changes:

   git checkout -b my-new-feature  

4. 🛠️ Make Your Changes:
   Make the necessary changes or additions to the project.

5. 📌 Stage Your Changes:
   Stage your modified files:

   git add .  

6. 📝 Commit Your Changes:
   Commit the changes with a descriptive message:

   git commit -m "✨ Add new feature or fix"  

7. 🚀 Push to Your Fork:
   Push your changes to your forked repository:

   git push origin my-new-feature  

8. 🔗 Create a Pull Request:
   Go to the original repository on GitHub and create a pull request from your fork.

---

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.