# Shadcn UI Blocks

> A catalog of 3903 production-ready blocks for shadcn/ui across 10 collections, built as plain React and Tailwind on top of shadcn/ui primitives. The whole catalog is exposed as a shadcn-compatible registry, so an agent can list and install any block without crawling the site.

Every block is a self-contained shadcn registry item: its own source plus every shadcn/ui primitive and sibling block it composes, bundled inline, with npm packages listed as dependencies. Blocks are organized as collection, then group, then block.

Collections sit in three tiers: Curated is the hand-built gold standard, Standard covers the large generated collections, and Free collections are open with ungated source.

## Using the registry

The whole catalog is a shadcn-compatible registry, so the shadcn CLI and any agent that reads one can list and install blocks with no vendor code.

- Registry index (every item with its file list and dependencies, but no source): https://www.shadcn-ui-blocks.com/r/registry.json
- A block's registry name is its collection, group, and block slugs joined by hyphens, i.e. the page path after /blocks/ with each slash replaced by a hyphen. For example /blocks/modern-saas/hero-sections/centered-with-backdrop installs as `modern-saas-hero-sections-centered-with-backdrop`.
- Install a free block by URL: `npx shadcn@latest add "https://www.shadcn-ui-blocks.com/r/{name}.json"`. Free collections are ungated and need no credential.
- Install any block by namespace: add `@shadcn-ui-blocks` to the registries map in components.json, then `npx shadcn@latest add @shadcn-ui-blocks/{name}`.
- Paid collections require an API key. In that registries config set `"headers": { "Authorization": "Bearer ${SHADCN_UI_BLOCKS_API_KEY}" }` and put the key in your .env.local. Create and manage keys at https://www.shadcn-ui-blocks.com/account/api-keys. A request with a missing or invalid key gets a 401, and a valid key without access to the collection gets a 403, each with a JSON `message` explaining what to do.
- Full catalog with every block: https://www.shadcn-ui-blocks.com/llms-full.txt

## Collections

- [Modern SaaS](https://www.shadcn-ui-blocks.com/blocks/modern-saas): Explore 79 curated Modern SaaS blocks for shadcn/ui. Heroes, features, pricing, testimonials, FAQs, and CTAs with bold type and clean, sleek layouts. (Curated, 79 blocks in 21 groups)
- [Marketing](https://www.shadcn-ui-blocks.com/blocks/marketing-pro): Explore 803 Marketing blocks for shadcn/ui. Heroes, pricing, comparisons, case studies, and process pages with bold type and clean layouts. (Standard, 803 blocks in 47 groups)
- [Ecommerce](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro): Shop 858 Ecommerce blocks for shadcn/ui. Product pages, carts, checkout, reviews, promos, and tracking with bold type and clean layouts. (Standard, 858 blocks in 54 groups)
- [Application](https://www.shadcn-ui-blocks.com/blocks/application-pro): Build product UI with 785 Application blocks for shadcn/ui. Dashboards, data tables, settings, auth, billing, and onboarding, ready to wire to your data. (Standard, 785 blocks in 39 groups)
- [Portfolio](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro): Build a portfolio with 752 Portfolio blocks for shadcn/ui. Heroes, work grids, case studies, about, services, and contact sections for creatives and studios. (Standard, 752 blocks in 40 groups)
- [Marketing](https://www.shadcn-ui-blocks.com/blocks/marketing): Browse 279 free Marketing blocks for shadcn/ui. Heroes, features, pricing, testimonials, FAQs, blogs, and CTAs you can copy, paste, and ship. (Free, 279 blocks in 21 groups)
- [Application](https://www.shadcn-ui-blocks.com/blocks/application): Explore 31 free Application blocks for shadcn/ui. Forms, logins, dashboards, stats, page headings, and user profiles you can drop into any product UI. (Free, 31 blocks in 7 groups)
- [Ecommerce](https://www.shadcn-ui-blocks.com/blocks/ecommerce): Shop 92 free Ecommerce blocks for shadcn/ui. Product features, lists, carts, reviews, upsells, and trust sections built to convert and ready to ship. (Free, 92 blocks in 13 groups)
- [Portfolio](https://www.shadcn-ui-blocks.com/blocks/portfolio): Discover 100 free Portfolio blocks for shadcn/ui. About, skills, case studies, services, hero showcases, and contact sections for personal and studio sites. (Free, 100 blocks in 20 groups)
- [Components](https://www.shadcn-ui-blocks.com/blocks/components): Use 124 free Components for shadcn/ui. Buttons, cards, alerts, accordions, badges, breadcrumbs, tabs, and pagination, all responsive and easy to customize. (Free, 124 blocks in 9 groups)

## Site

- [All blocks](https://www.shadcn-ui-blocks.com/blocks): search and filter the entire catalog
- [Pricing](https://www.shadcn-ui-blocks.com/pricing): one-time pricing and what each tier unlocks
- [Templates](https://www.shadcn-ui-blocks.com/templates): full-page templates assembled from blocks
- [Page builder](https://www.shadcn-ui-blocks.com/page-builder): compose pages from blocks in the browser
- [Changelog](https://www.shadcn-ui-blocks.com/changelog): recent releases
- [License](https://www.shadcn-ui-blocks.com/license): usage terms