# Quick Start
**Category**: react
**URL**: https://ui.darkcode.dev/en/docs/react/getting-started/quick-start
**Source**: https://raw.githubusercontent.com/DarkCode-Developers/darkcode-ui/refs/heads/main/apps/docs/content/docs/en/react/getting-started/(overview)/quick-start.mdx
> Get started with DarkCode UI in minutes
***
## Requirements
- [React 19+](https://reactjs.org/)
- [Tailwind CSS v4](https://tailwindcss.com/docs/installation/framework-guides)
## Quick Install
\` from \`@darkcode-ui/react\` somewhere visible to confirm styles are applied.
When done, summarize the changes you made and tell me how to start the dev server.`}
>
**Prefer to let your AI assistant do it?** Install the [DarkCode UI MCP Server](/docs/react/getting-started/mcp-server) in your editor, then paste the prompt into your AI assistant — it will analyze your project and handle the entire setup for you.
Install DarkCode UI and required dependencies:
```bash
npm i @darkcode-ui/styles @darkcode-ui/react
```
```bash
pnpm add @darkcode-ui/styles @darkcode-ui/react
```
```bash
yarn add @darkcode-ui/styles @darkcode-ui/react
```
```bash
bun add @darkcode-ui/styles @darkcode-ui/react
```
## Import Styles
Add to your main CSS file `globals.css`:
```css
@import "tailwindcss";
@import "@darkcode-ui/styles"; /* [!code highlight]*/
```
Import order matters. Always import `tailwindcss` first.
## Use Components
```tsx
import { Button } from '@darkcode-ui/react';
function App() {
return (
);
}
```
Want the smallest bundle? Components are tree-shakeable and each ships as its
own entry point (`@darkcode-ui/react/button`), and you can import only the CSS
you use. See [Performance](/docs/react/getting-started/performance).
## 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
- [Optimize Performance](/docs/react/getting-started/performance) - Ship the smallest JS and CSS
- [Explore Patterns](/docs/handbook/composition) - Master compound components