# Quick Start
**Category**: react
**URL**: https://www.heroui.com/docs/react/getting-started/quick-start
**Source**: https://raw.githubusercontent.com/heroui-inc/heroui/refs/heads/v3/apps/docs/content/docs/react/getting-started/(overview)/quick-start.mdx
> Get started with HeroUI v3 in minutes
***
## Requirements
- [React 19+](https://reactjs.org/)
- [Tailwind CSS v4](https://tailwindcss.com/docs/installation/framework-guides)
## Quick Install
Install HeroUI and required dependencies:
```bash
npm i @heroui/styles @heroui/react
```
```bash
pnpm add @heroui/styles @heroui/react
```
```bash
yarn add @heroui/styles @heroui/react
```
```bash
bun add @heroui/styles @heroui/react
```
## Import Styles
Add to your main CSS file `globals.css`:
```css
@import "tailwindcss";
@import "@heroui/styles"; /* [!code highlight]*/
```
Import order matters. Always import `tailwindcss` first.
## Use Components
```tsx
import { Button } from '@heroui/react';
function App() {
return (
);
}
```
## What's Next?
- [Themes](/themes) - Create and share your own themes
- [Browse Components](/docs/react/components) - See all available components
- [Learn Styling](/docs/handbook/styling) - Customize with Tailwind CSS
- [Explore Patterns](/docs/handbook/composition) - Master compound components