# Detent — Make your product feel expensive.

> Well-made React components for your product. Installed with shadcn, styled by your theme, yours to change. 18 of 37 are free.

Canonical: https://detentui.com/
Last updated: 2026-10-25

## What is Detent?

Well-made React components for your product. Installed with shadcn, styled by your theme, yours to change. 18 of 37 are free.

## Components (37 total, 18 free)

Detent ships 37 premium React components: agents, data, inputs and marketing. 18 are free under MIT. The rest are Pro.

Install the free agent kit to get started:

```bash
npx shadcn add https://detentui.com/r/agent-kit
```

## Plans

| Plan | Description |
| --- | --- |
| Pro — $99 | Everything you build the product with. |

## Key sections

- [Components](https://detentui.com/components) — 37 premium React components
- [Pro](https://detentui.com/pro) — 19 Pro components, 12 blocks and 1 template
- [Blocks](https://detentui.com/blocks) — Whole screens built from Detent components
- [Templates](https://detentui.com/templates) — Landing pages and full apps
- [Changelog](https://detentui.com/changelog) — Every update, newest first

## Related
- [Pro](https://detentui.com/pro)
- [Changelog](https://detentui.com/changelog)