> ## Documentation Index
> Fetch the complete documentation index at: https://help.21st.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Discover and use open-source React components, themes, and templates.

The 21st Marketplace is where developers share high-quality React and Tailwind CSS work. Components are **open-source with MIT license** — use them freely in any project.

## What You'll Find

**Components** — Production-ready React/Tailwind building blocks for interfaces.

**Themes** — Color palettes, typography, and design tokens you can apply to your project instantly.

**Templates** — Ready-to-use website and app templates, free or paid.

## Get Started

<CardGroup cols={2}>
  <Card title="Browse Components" icon="https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/grid.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=0d9b34d772968170c2388d8f2ce115be" href="/community/components" width="24" height="24" data-path="icons/nav/grid.svg">
    Find and copy components for your project
  </Card>

  <Card title="Discover Themes" icon="https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/themes.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=db61dc137b0a8e8afe97e340fcc8f736" href="/community/themes" width="24" height="24" data-path="icons/nav/themes.svg">
    Copy color schemes and typography
  </Card>

  <Card title="Explore Templates" icon="https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/templates.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=6b475aea1a3e7bc372a51af063335837" href="/community/templates" width="24" height="24" data-path="icons/nav/templates.svg">
    Start from a full website or app template
  </Card>

  <Card title="Keyboard Shortcuts" icon="https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/keyboard.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=f446ebdbef3cf6d27ed8a0020a79df67" href="/community/keyboard-shortcuts" width="24" height="24" data-path="icons/nav/keyboard.svg">
    Navigate faster with hotkeys
  </Card>
</CardGroup>

## Quick Search

Press `⌘K` (Mac) or `Ctrl+K` (Windows) anywhere to open the command menu. Search components by name, browse categories, or jump to themes and templates.

<Tip>
  **Bookmark your favorites** — Press `B` on any component to save it. Access your
  bookmarks from the sidebar, and organize them into lists.
</Tip>

## Using Components

Every component can be used in three ways:

1. **Copy Code** — Press `⌘C` to copy the full component code.
2. **Copy AI Prompt** — Press `⌘X` to copy a paste-ready prompt for [21st AI](/ai), [MCP](/ai/mcp), or any other AI tool.
3. **Install via CLI** — install directly with the shadcn CLI:

```bash theme={null}
npx shadcn@latest add "https://21st.dev/r/author/component-name"
```

Or with the [21st CLI](/cli): `21st add author/component-name`.

## Top Authors

The marketplace features components from the best open-source creators. Visit author profiles to see all their published work and follow your favorites.

<CardGroup cols={2}>
  <Card title="Publish Your Own" icon="https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/publish.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=00cece9a08f85007ae4acc6b78d59baa" href="/publishing/quick-start" width="24" height="24" data-path="icons/nav/publish.svg">
    Share your components with the community
  </Card>

  <Card title="Quality Guidelines" icon="https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/shield-check.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=4f69a5312a5d7516b1284d91f0d53b52" href="/publishing/quality-guidelines" width="24" height="24" data-path="icons/nav/shield-check.svg">
    What makes a great component
  </Card>
</CardGroup>