There are two ways to sell React components. You can go wide, with thousands of blocks, every icon pack and every theme, priced as a subscription that keeps paying for the additions. Or you can go narrow, with a fixed catalog of the components an application is actually made of, sold once.
shadcn.io and Kobra are those two strategies. shadcn.io offers 6,000+ marketing blocks, 285,000 React icons, 59 themes, 14 templates and an MCP server for AI editors, on plans from $389 to $1,589 a year. Kobra offers 71 application components built on Base UI, installed through the shadcn registry, for a one-time $199.
One note before any of that, because it trips people up. Neither of these is the official shadcn/ui. shadcn.io says so on its own homepage, and Kobra isn't affiliated with it either. Kobra publishes to the shadcn registry format, which is an open specification any library can implement. The official shadcn/ui is still free and open source at ui.shadcn.com.
How Kobra and shadcn.io compare
Catalog and coverage
| Concern | Kobra | shadcn.io |
|---|---|---|
| Components | 71 application components, 9 free | Marketing blocks (6,000+), UI components, AI components |
| Icons | Uses Tabler; none bundled | 285,000+ React icons |
| Themes | One system, light and dark | 59 themes |
| Templates | None | 14 premium templates |
| Extras | Prompts per component, and a free Figma kit of 52 primitives | React hooks, charts, shaders, animations, DESIGN.md specs |
| Focus | The interactive parts of an application | Breadth across marketing, UI and AI surfaces |
shadcn.io is enormously broader, and the count isn't padding. 6,000 blocks across pricing, hero, CTA and feature categories is a real library. Kobra isn't competing on volume and doesn't try to. 71 components is roughly the surface of an application, and the catalog stops where marketing pages begin.
What the numbers don't tell you is which kind of breadth you need. A hundred pricing sections help you once, on the day you build the pricing page. One combobox that handles multi-select, typeahead, keyboard navigation and paste helps for as long as the product exists.
How you install it
| Concern | Kobra | shadcn.io |
|---|---|---|
| Primary install | npx shadcn@latest add @kobra/toast | Copy from the site, or via MCP in an AI editor |
| Registry | Publishes the shadcn registry format | Blocks and components delivered through the site and MCP |
| Registry | @kobra, token-gated for paid items | None |
| AI tooling | A prompt ships with each component | MCP server, tiered by plan; DESIGN.md brand specs |
| Where the code lands | Your repo, yours to edit | Your repo, yours to edit |
Both put source in your repository. shadcn.io has invested far more heavily in the AI-assisted path: an MCP server with usage tiered by plan, plus hand-curated DESIGN.md specifications describing the design languages of Stripe, Linear, Apple, GitHub, Figma and others for an agent to work from. If your workflow is mostly prompting, that's a real advantage, and Kobra's single per-component prompt is a smaller idea.
The foundation underneath
| Concern | Kobra | shadcn.io |
|---|---|---|
| Primitive library | Base UI | shadcn/ui conventions and primitives |
| Tailwind | v4 | v4 and v3 |
| React | 19 | React |
| Motion | Motion, reduced-motion respected per component | Animations and effects included as a category |
Where Kobra goes deeper
Interaction states, not just layout
A marketing block is markup. It renders, and the work is done. An application component is a state machine: open, closed, focused, loading, empty, error, dragging, mid-swipe. Kobra's catalog is built around those states, and the detail is the product. Swipe-to-dismiss toasts that read velocity, an OTP input that animates a paste across its slots, a dropzone that changes its prompt as a file approaches, a copy button that morphs into a check.
One payment, and it stays paid
Kobra is $199 once for one seat, forever, and every component added later is included. Nothing renews and nothing expires. At shadcn.io's Individual tier, the same stretch of time costs $389 for the first year and $389 again for the second.
Commercial use at the entry price
This is the sharpest practical difference between them and it's easy to miss on the pricing page. shadcn.io's Individual plan is marked personal use, and commercial use starts at the Team plan, $789 a year. Kobra's $199 license includes commercial use for one developer with no upgrade required.
A Figma kit at no cost
Kobra publishes a Figma library of 52 primitives, with real variables for color, spacing and radius, slots on the container components, and composites assembled from their own parts. It's free on the Figma Community, license or no license.
Buying one component
$19 buys a single Kobra component outright. Ten purchases are credited in full against the library, so buying incrementally never costs more than committing up front. shadcn.io's smallest unit is a subscription.
Where shadcn.io goes deeper
Sheer volume
6,000+ blocks, 285,000 icons, 59 themes, 14 templates. If your job this quarter is to ship a lot of different marketing surfaces quickly, this is a bigger library than Kobra by two orders of magnitude, and no amount of interaction polish makes up for not having the section you need already built.
MCP and AI-native workflows
An MCP server that plugs straight into AI editors, with usage tiers across the plans, plus the DESIGN.md brand specifications. If your team mostly builds by prompting, this is a whole category of tooling Kobra doesn't currently offer.
Marketing and landing surfaces
Pricing sections, hero sections, CTAs, feature grids. Kobra has none of these.
Unlimited seats
The Organization plan covers unlimited seats at $1,589 a year, and every one of those seats goes through the same self-serve checkout. Kobra's seat count isn't capped either, but the picker on the pricing page runs to 25. Past that it's a conversation rather than a button, which is a slower way to buy for an organization that would rather not have one.
A free tier that never expires
shadcn.io publishes a free plan. Kobra's free tier is 9 complete components with full source, which is real, but it's a fixed list rather than an ongoing tier.
What they cost
| Kobra | shadcn.io | |
|---|---|---|
| Individual | $199 one-time, commercial use included | $389/year, personal use only |
| Small team | $150 per seat, from 2 seats | $789/year for 5 seats, commercial |
| Large team | Unlimited seats; above 25 is arranged directly | $1,589/year, unlimited seats |
| Smallest unit | $19 for one component | The lowest plan |
| Model | One-time, lifetime updates | Subscription; a lifetime option is also offered |
| Free | 9 components with full source, plus the whole Figma kit | Free plan |
Over three years, one commercial developer pays $199 with Kobra and $2,367 with shadcn.io's Team plan, which is the lowest tier that permits commercial work. That gap is the clearest reason to choose Kobra. The clearest reason not to is that shadcn.io's library is vastly larger and its AI tooling is further along.
Prices read from the vendor's own pricing page on 7 September 2026. Subscription pricing changes; check before you buy.
Should you use both?
You can. Both deliver source into your repo and neither installs a runtime. But the overlap is larger than it looks, and paying a subscription for breadth while also paying once for depth is a decision worth making on purpose rather than by accumulation.
If you already subscribe to shadcn.io and mainly want better application components, buying individual Kobra components at $19 is a cheap way to fill specific gaps without a second full license.
When to choose Kobra or shadcn.io
| If your project looks like… | Choose | Why |
|---|---|---|
| One developer shipping a commercial product | Kobra | $199 once, commercial use included, no renewal |
| Many marketing pages, fast | shadcn.io | 6,000+ blocks against Kobra's zero |
| An application: dashboards, editors, settings | Kobra | 71 components aimed at exactly that surface |
| A team that builds mostly by prompting | shadcn.io | MCP server and DESIGN.md brand specifications |
| More than 25 developers, bought self-serve | shadcn.io | Unlimited seats straight through checkout; Kobra takes larger teams directly |
| You want to stop paying and keep the code | Kobra | One-time purchase, lifetime updates |
| You need one component, not a library | Kobra | $19 each, credited toward the full license |
| Icons and themes at scale | shadcn.io | 285k icons and 59 themes |
It comes down to breadth against depth, and renting against owning. shadcn.io wins on catalog size, on AI tooling, and on buying at scale without talking to anyone. Kobra wins on interaction quality, on commercial terms at the entry price, and on the fact that the payment ends.