# Detent Pro

> 19 React components, 12 whole screens and 1 template. One payment, every update for life.

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

## What's in Pro

Pro gives you 19 advanced React components, 12 whole-screen blocks, and 1 template. One payment, every update for life, unlimited projects.

## Plans

| Plan | Details |
| --- | --- |
| Pro — $99 | Everything you build the product with. one person |

## FAQ

**Is it a subscription?** No. You pay once and keep everything, including every update that ships after you buy.


**Will it match my design?** Installed with shadcn, Detent reads your theme: your primary becomes its accent, and `.dark` turns it dark.

**How do I install Pro?** `npx shadcn add @detent-pro/<component-id>` — set up your key once, then install any piece.

## Pro components (19)

- [Ask your data](https://detentui.com/components/askchart) — Ask a question and get one line that answers it over a chart with one series in colour. Ask a follow-up and the same chart reshapes instead of starting over.
- [Revenue bridge](https://detentui.com/components/bridge) — A waterfall you pour with your hand. Drag across the steps and the running total rolls on real wheels while each bar fills as the value reaches it.
- [Flow funnel](https://detentui.com/components/funnel) — The funnel as one smooth shape. Pull any step wider to try a better conversion, and the headline says how many more customers that’s worth. It catches at the real rate, so you can feel your way back.
- [Matchup](https://detentui.com/components/radar) — Two things compared in a sentence and drawn as one shape: each side of it wears the colour of whoever leads there, and the bigger the petal, the bigger the lead.
- [Lasso scatter](https://detentui.com/components/scatter) — Every request a dot. Draw a lasso round any cluster and the headline says what it is: how many, their averages, and the group most belong to.
- [Dot histogram](https://detentui.com/components/histogram) — A distribution stacked from dots, each one a fixed number of readings. Drag or flick the target pin and everything past it turns rose, catching on each column.
- [Run waterfall](https://detentui.com/components/trace) — An agent run told two ways at once: one bar of where the time went, then every step as a plain sentence on its own time track. A step waiting on you lifts out with Approve in it.
- [Ask filter](https://detentui.com/components/filter) — Type what you want to see in plain words. Each phrase hangs its filter on a thread, and when a word could mean two things, it asks.
- [Period picker](https://detentui.com/components/dates) — A date range picked the quick way first: type “since sep 3” or take a period, with its dates shown. The calendar is one step further for exact days. Compare it with the period before, apply.
- [Extraction review](https://detentui.com/components/extract) — Check what an AI read from a document before it’s saved. Point at a field and a thread runs to where it came from; what it isn’t sure of comes first, one at a time.
- [Cash forecast](https://detentui.com/components/forecast) — Runway on a lit panel. Ask a what-if in plain words and the forecast bends away from the plan; switch to Range and the line becomes a swarm of likely futures, and the runway a range.
- [Region wheel](https://detentui.com/components/region) — A drum of server regions you can flick. The Earth turns with it, in the sunlight falling on it right now, with a route from your visitor to the region and the latency beside it.
- [Lit find](https://detentui.com/components/find) — Find in a page, by light. Everything dims except what you searched for and the sentence it sits in, and one plate carries you through every match.
- [Thread hero](https://detentui.com/components/threads) — Hairline threads sweep in from both edges and gather through your call to action. They tighten as you come near, part around your hand, and a press sends light out along every one.
- [Glyph art](https://detentui.com/components/glyph) — Hand it an SVG icon or a word and it draws it in shimmering characters, lit from the top left. Switch the shape and the characters re-form into the new one. Move over it and they light up; press for a ripple.
- [Hello globe](https://detentui.com/components/hello) — A language picker with the world under it, drawn in the letters each place writes in. Pick a language and the globe turns there, and its country lights up in orange, spelling the greeting.
- [Agent canvas](https://detentui.com/components/agent-canvas) — Your product, working inside Claude, ChatGPT or Grok. Someone says what should happen, the agent checks off its work in the chat, and the result writes itself on a canvas beside it: the rule, the Linear issue it will open and the Slack post it will send.
- [Emoji picker](https://detentui.com/components/emoji) — Emoji and symbols laid out as one round field instead of a grid. Fling it and it keeps gliding, the ones in the middle swell under your finger, and a tap sends the emoji flying into the message where your caret is.
- [MCP install](https://detentui.com/components/mcp) — The page every company with an MCP server needs. Pick an editor and the exact config for it appears, choose remote or local and this project or everywhere, then copy: the card lights up in that editor's colour and waits until it connects.

## Related
- [Components](https://detentui.com/components)
- [Blocks](https://detentui.com/blocks)
- [Templates](https://detentui.com/templates)