UItopia

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.

UItopia 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.

Technology's

React + TypeScript + Vite

Installation for use or integration projects or app

To get started with UItopia, you can follow shad CN installation:

Manual (for React) : https://ui.shadcn.com/docs/installation/manual

Vite + React : https://ui.shadcn.com/docs/installation/vite

Next : https://ui.shadcn.com/docs/installation/next

copy-and-paste components in your projects and app ✅

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! To contribute to the project, follow these steps:

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.