Quick Start

PrebuiltUI is a collection of ready-made Tailwind CSS components that you can copy, paste, and customize for any project. It helps developers build clean and modern interfaces without starting from scratch.

1. Install Tailwind (if not installed)

If your project doesn’t have Tailwind yet, set it up quickly by installing the package. You can also check out the Tailwind documentation for more information.

We recommend to install Tailwind CSS because we have used it in our components.

2. Browse Components

Go to the components library and explore categories like buttons, cards, navbars, and more.

3. Copy a Component

Pick any component and click the copy button. All components are pure Tailwind markup.

4. Paste into your project

Paste the snippet inside your HTML, JSX, or any framework file where you want the component to appear.

5. Adjust Styles

Change colors, spacing, borders, or shadows by editing the Tailwind classes directly.

6. Example

Here’s a simple button component you can start with:

Button.jsx

1<button class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">
2    Get Started
3</button>