# Quick Start
**Category**: react
**URL**: https://www.blakeui.com/en/docs/react/getting-started/quick-start
**Source**: https://raw.githubusercontent.com/myblakebox/BlakeUI/refs/heads/main/apps/docs/content/docs/en/react/getting-started/(overview)/quick-start.mdx
> Get started with blakeUI in minutes
***
## Requirements
- [React 19+](https://reactjs.org/)
- [Tailwind CSS v4](https://tailwindcss.com/docs/installation/framework-guides)
## Quick Install
Install blakeUI and required dependencies:
```bash
npm i @blakeui/styles @blakeui/react
```
```bash
pnpm add @blakeui/styles @blakeui/react
```
```bash
yarn add @blakeui/styles @blakeui/react
```
```bash
bun add @blakeui/styles @blakeui/react
```
## Import Styles
Add to your main CSS file `globals.css`:
```css
@import "tailwindcss";
@import "@blakeui/styles"; /* [!code highlight]*/
```
Import order matters. Always import `tailwindcss` first.
## Use Components
```tsx
import { Button } from '@blakeui/react';
function App() {
return (
);
}
```
## What's Next?
- [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