Skip to main content
Templates are complete, ready-to-use website and app projects — a full starting point rather than a single component. Some are free, some are paid.

Finding Templates

Open Templates in the sidebar, or press ⌘K / Ctrl+K and jump to the Templates tab. Each template card shows a live preview, its author, and price (if paid).

What’s on a Template

Each template listing includes:
  • Live preview — a link to the working template so you can try it before you commit.
  • Description — what the template is for and what it includes.
  • Price — free, or a one-time price for paid templates.
  • Video — an optional walkthrough of the template.

Using a Template

1

Preview it

Open the template’s live preview to see the real thing.
2

Get it

Free templates link straight to their source. For paid templates, use the checkout link on the listing to purchase and get access.
3

Start building

Follow the template’s own README to run it locally and customize.
Bookmark templates — Press B on any template to save it for later, and organize saved templates into lists.

Publishing a Template

Have a template to share or sell? See Publishing — you can submit a listing with a preview URL, description, optional video, and a price with a checkout link for paid templates. For pricing details and other ways to monetize your profile, see Monetization & Promotion.
https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/grid.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=0d9b34d772968170c2388d8f2ce115be

Components

Browse React components
https://mintcdn.com/21st/uLCB5kikM-FHl_zp/icons/nav/themes.svg?fit=max&auto=format&n=uLCB5kikM-FHl_zp&q=85&s=db61dc137b0a8e8afe97e340fcc8f736

Themes

Discover color schemes