Changelog - Shadcnblocks.com
Changelog
Released
New Blocks - Aug 2026
Aug 26, 2026
Added 193 new blocks
New Blocks
about29 about30 about31 about32 about33 about34 about35 about36 about37 about38 about39 about40 accept-invite3 accept-invite4 address-book4 banner9 banner10 banner11 banner13 banner14 banner15 banner16 banner17 banner18 banner19 banner20 banner21 banner22 banner23 banner24 banner25 banner26 banner27 blog47 blog48 blog49 blog50 blog51 blog52 blog53 blog54 blog55 blog56 blog57 blog60 blog62 blog63 blog67 careers10 careers11 careers12 case-studies13 cookie-banner1 cookie-banner2 cookie-banner3 cookie-banner4 cookie-banner5 cookie-banner6 cookie-banner7 cookie-banner8 cookie-banner9 cookie-banner10 cookie-banner11 cookie-banner12 cookie-banner13 cookie-banner14 cookie-banner15 cookie-banner16 cookie-banner17 cookie-banner18 cookie-banner19 faq21 faq23 faq25 faq26 faq27 faq28 faq29 feature382 feature385 forgot-password1 forgot-password2 forgot-password3 forgot-password4 gallery40 gallery41 gallery42 gallery43 gallery44 gallery45 gallery46 gallery47 gallery48 gallery49 gallery50 gallery51 gallery52 gallery53 gallery54 gallery55 gallery56 hero48 hero61 hero63 hero65 hero66 hero72 hero77 hero92 hero93 hero94 hero97 hero102 hero109 hero110 hero113 hero114 hero126 hero132 hero133 hero137 hero148 hero150 hero191 hero255 hero257 hero260 hero325 hero326 integration17 integration18 integration19 integration20 integration21 integration22 integration23 integration25 integration27 integration28 integration29 integration30 integration32 integration33 integration34 integration35 integration36 integration37 integration38 integration39 logos35 magic-link1 magic-link2 magic-link3 magic-link4 newsletter1 newsletter2 newsletter3 newsletter4 newsletter5 passkey1 passkey2 reset-password1 reset-password2 reset-password3 reset-password4 reset-password6 team37 team38 team39 team40 team41 team42 team43 team44 team45 team46 team47 team48 team49 team50 team52 team53 team55 two-factor1 two-factor2 two-factor5 two-factor6 verify-email1 verify-email2 verify-email3 verify-email4 verify-email5 verify-email6
Rob Austin
Founder
Released
New Feature: Collections
Aug 26, 2026
You can now save blocks, components, and pages into named collections and install a whole set with one shadcn CLI command.
Bookmark items from any block, component, or page detail view, then open My Collections to organize them.
What you can do
- Create collections — Name a collection, add a short description, and edit or delete it later.
- Save as you browse — Use the bookmark control to add or remove an item from a collection.
- Mix types — Keep blocks, components, and pages in the same collection.
- Install with the CLI — Copy a single shadcn command from a collection. Items you do not have access to stay out of the command until you upgrade.
Introducing Collections · My Collections
Rob Austin
Founder
Released
New Template - Munch
Aug 26, 2026
A restaurant template built on shadcn/ui and Tailwind, with a menu that lists a price and calorie count per item, an order cart that persists in the browser, and MDX news and legal pages. Available in both Next.js and Astro editions.
Rob Austin
Founder
Released
New Feature: Shadcn Blocks for Vue
Aug 17, 2026
We've launched a sister site for Vue: shadcnblocksvue.com. It's a dedicated catalog of 1,400+ blocks built on shadcn-vue — same team and design bar, not a tab on this site.
shadcnblocks.com stays React. If a block has a Vue counterpart, you'll see a Vue link in the block page toolbar.
- Read the blog post
- Visit the site — shadcnblocksvue.com
Rob Austin
Founder
Released
Shadcn Admin Kit v2.3.0
Aug 8, 2026
Shadcn Admin Kit v2.3.0 adds a full Payment Processor app under /payment-processor/*, plus calendar/date fixes and hydration polish. Kit version bumped to 2.3.0.
Payment Processor App
Adds a full Payment Processor section integrated into the admin sidebar and app shell.
Dashboards (6 variants)
- Dashboard 1 — Ops command center with live volume metrics, activity charts, and quick actions
- Dashboard 2 — Expanded analytics layout with payment queues and command actions
- Dashboard 3 — Insights carousel, recent activity, and chart-heavy overview
- Dashboard 4 — Payment mix overview and visitor/location analytics
- Dashboard 5 — Geography map, user retention matrix, and recent client payments
- Dashboard 6 — Routing globe, payment-method insights, and themed analytics rails
Transactions
- Transactions / Transactions List 2 — Searchable, tabbed transaction tables with sticky columns and status filters
- Transaction Detail / Detail 2 — Branded detail layouts with copy-to-clipboard actions, alerts, and summary panels
Customers
- Customers / Customers List 2 — Filtered customer directories with status badges and metric icon frames
- Customer Detail 1–3 — Profile headers, invoice accordions, subscriptions, and transaction history variants
- Enterprise Client Detail — Large-account detail view with expanded client context
Subscriptions
- Subscriptions 1–4 — Health dashboard, monitor/ops tables, plan views, and activity rails
- Create Subscription — Multi-section editor with live subscription preview ribbon
- Subscription Detail — Metrics overview, paginated transactions/subscribers, and activity timeline
Invoices
- Invoice List 1–5 — Chart-backed lists, split previews, status filters/tabs, and status stamps
- Create Invoice 1–2 — Item editors with drag-and-drop, tax/terms/payment reference fields, and footer draft/PDF actions
- Create Invoice 3 — Live PDF invoice prototype (
@react-pdf/renderer, Stripe-style layout) - Invoice Detail 1–3 — Theme-aware previews with payment details, download actions, and aside layouts
Developers
- Webhooks — Webhook management UI for payment events
- Payment Workflow — Workflow / pipeline visualization
- Delivery Simulator — Event delivery simulation screen
Shared infrastructure
- Sidebar nav group: Payment Processor (Dashboard, Transactions, Customers, Subscriptions, Invoices, Developers)
- Map/globe visuals:
cobe,leaflet/react-leaflet,d3-scale, GeoJSON country data - Theme-aware charts, badges, and status stamps across payment views
- Mock data / front-end UI kit only — no backend
Calendar & date fixes
- Refactored Calendar structure and styling
- Simplified DateRangePicker alignment and date handling
- Removed standalone DateInput in favor of the shared date stack
- Minor project-management detail divider polish
Style regression & hydration polish
- Stabilized Radix hydration IDs
- Stabilized Dashboard 3 charts; aligned dashboard actions and chart legends
- Polished payment processor views and docked dashboard rail actions
- Lint/format pass across payment processor components
At a glance
| Payment Processor | |
|---|---|
| Routes | 37 pages under /payment-processor/* |
| Scope | ~93 files, ~+58k lines |
| Data | Mock / in-memory |
| Sidebar | Dashboard, Transactions, Customers, Subscriptions, Invoices, Developers |
Front-end UI kit only — mock data, no backend — consistent with the rest of the admin template.
Show More
Rob Austin
Founder
Released
New Blocks - Jul 2026
Jul 29, 2026
Added 95 new blocks
New Blocks
bento2 bento3 bento4 bento5 bento6 bento7 bento8 bento9 bento10 bento11 bento12 bento13 bento14 bento15 bento16 bento17 bento18 bento19 bento20 bento21 bento22 bento23 bento24 bento25 bento26 bento27 bento28 bento29 bento30 bento31 bento32 bento33 bento34 bento35 bento36 bento37 bento38 bento39 bento40 bento41 bento42 bento43 bento44 bento45 bento46 bento47 bento48 bento49 bento50 bento51 bento52 bento53 bento54 deals1 deals2 deals3 deals6 deals7 feedback1 feedback2 feedback3 feedback4 feedback5 feedback6 feedback7 gallery39 order-summary8 order-summary11 our-story1 our-story2 our-story3 our-story4 our-story5 our-story6 product-search1 product-search2 product-search3 product-search4 product-search5 product-search6 product-search7 reviews14 reviews16 reviews19 reviews22 shop-the-look1 shop-the-look2 shop-the-look3 shop-the-look4 shop-the-look5 shop-the-look6 social-media-trending6 social-media-trending7 social-media-trending8 wishlist4
Rob Austin
Founder
Released
New Template - Apex
Jul 29, 2026
A premium roofing and home services template built on shadcn/ui and Tailwind, featuring before/after image sliders, an inline booking calendar, and MDX-driven services and blog. Available in both Next.js and Astro editions.
Rob Austin
Founder
Released
New Feature: DESIGN.md Theme Guidelines
Jul 25, 2026
Every shadcn theme now ships with a portable DESIGN.md — brand guidelines written for humans and coding agents. Copy it into your project root (or .agents/) so Cursor, Claude, and other AI tools stay on-brand while they generate UI.
What's inside each DESIGN.md
- Colors — primary, secondary, surfaces, sidebar, charts, and dark-mode pairs as official shadcn CSS variables
- Typography — display, body, label, and mono stacks with size/weight guidance
- Layout & spacing — rhythm, gutters, radius tokens, and section pacing
- Taste rules — what the theme is for, what to avoid, and how agents should apply it
How to use it
- Open any theme page (e.g. Alpine or Vercel)
- Scroll to the Brand guidelines · DESIGN.md section
- Click Copy DESIGN.md and paste into your repo
- Install the theme tokens with the CLI:
npx shadcn@latest add @shadcnblocks/theme/alpine
Tokens style your app; DESIGN.md tells agents how to design with them.
Browse Themes | Read the DESIGN.md guide
Rob Austin
Founder
Released
New: 13 Shadcn Themes
Jul 24, 2026
We've launched a curated library of 13 shadcn/ui themes you can browse, preview, and install with one CLI command. Every theme uses official CSS variables—so the same palette applies across our blocks, components, and pages in light and dark mode.
What's included
- 11 free themes — Shadcnblocks, Vercel, Supabase, Linear, Claude, Claymorphism, Amber Minimal, Cleanslate, Citrus, Falcon, and Modern Minimal
- 2 Pro themes — Alpine and Stripe
- Light & dark mode tokens, display/body fonts, and one-line CLI install
- Compatible with Tweakcn, StyleGlide, Tinte, and any editor that exports standard shadcn CSS variables
Browse the themes
- Shadcnblocks
- Vercel
- Supabase
- Linear
- Claude
- Claymorphism
- Amber Minimal
- Cleanslate
- Citrus
- Falcon
- Alpine (Pro)
- Modern Minimal
- Stripe (Pro)
Themes Overview | Read the announcement
Rob Austin
Founder
Released
New Blocks - Jun 2026
Jun 29, 2026
Added 73 new blocks
New Blocks
awards6 awards7 blog32 blog33 blog34 blog35 blog36 blog37 blog38 blog39 blog40 blog41 blog42 blog43 blog44 blog45 blog46 blogpost8 blogpost9 blogpost10 blogpost11 blogpost12 blogpost13 checkout10 checkout12 compare-products4 compare-products6 compliance2 compliance3 compliance4 compliance8 compliance9 download14 download15 download17 download18 download19 download20 download21 faq18 faq19 hero296 hero297 hero298 hero299 hero300 hero303 hero308 hero309 hero310 hero315 hero316 hero317 hero318 hero319 hero320 hero321 hero322 hero323 hero324 incentives5 incentives8 integration14 integration15 integration16 shopping-cart12 shopping-cart25 shopping-cart26 team14 team16 team17 team18 team19
Rob Austin
Founder
Released
New Template - Verdict
Jun 29, 2026
A professional small business and services template built on shadcn/ui and Tailwind. Available in both Next.js and Astro editions, ideal for professional service businesses.
Rob Austin
Founder
Released
Shadcn Admin Kit v2.2.0
May 31, 2026
Shadcn Admin Kit v2.2.0 adds two major app sections — Project Management and Todo — integrated into the shared admin shell with sidebar navigation, mock data, and mobile polish throughout.
Project Management App
Adds a full Project Management section under /project-management/*, integrated into the admin sidebar and app shell.
Dashboards (4 variants)
- Dashboard 1 — Command-center workspace with profile rail, work-hour analysis chart, issues table, time tracker, events/focus sections
- Dashboard 2 — Portfolio-style overview with issue map and theme-driven charts
- Dashboard 3 — Project tracking and status visualization
- Dashboard 4 — Dependency dashboard with delivery-flow metrics and insights
Projects
Project List 1–4 — Card, table, sidebar, and filtered list layouts with sticky section headers and dark-mode polish
Project Detail 1–2— Rich detail screens with:
Tabbed layout (overview, activity, embedded issue views)
- Side rail (notes, files, milestones, schedule)
- Interactive dependency canvas
- Delivery flow panel
- Mobile-optimized header and meta panels
Teams & Members
- Team List 1–3 — Team directory with task-card and card-grid variants
- Member List 1–3 — Table view, card grid, and invite-panel screens
Issues — multiple view types
| View | Routes | Highlights |
|---|---|---|
| List | issue-list-1, issue-list-2 |
Plane/Huly-style grouped lists, assignee avatars, dense row layout |
| Kanban | issue-kanban-1–3 |
Drag-and-drop reordering, pipeline/status-bar/stats variants |
| Calendar | issue-calendar-1, 2 |
Weekly grid, draggable events, editable event drawer |
| Gantt | issue-gantt-1 |
Timeline with week/month/quarter views, quick-add footer |
| Spreadsheet | issue-spreadsheet-1 |
Spreadsheet-style issue grid with sticky columns |
| Detail | issue-detail-1, 2 |
Comments feed, interactive subtasks, linked endpoints, activity pane |
Inbox
- Inbox 1–4 — Support inbox shell, ticket conversations, issue preview/composer, full-width layout
- Inbox Email 1 — Opened email reading view with navigation back to inbox
Shared infrastructure
- Large mock-data layer (
project-details,projects,clients, etc.) - Reusable PM components (gantt, kanban, calendar, issue core, meta/property grids)
- Theme controls for PM-specific styling
- Mobile responsiveness pass across dashboards, lists, gantt, calendar, kanban, inbox, and detail screens
- Sidebar nav group: Project Management with all routes linked
Todo App
Integrates the shadcn-todo-app as a first-class admin app at /todo/*, inside the shared admin layout (sidebar + header).
Core task management
- All Tasks (
/todo) — Main inbox with add/edit/complete/delete - Smart lists — Today, Upcoming, Important
- Projects — Per-project task views (
/todo/projects/[id]) - Create Task — Dedicated full-page create flow (
/tasks/new) - Task Detail — Full page (
/task/[id]) plus intercepting modal (@modal/(.)task/[id]) for in-context editing
View modes
- List — Sortable, filterable task list with manual reorder (drag-and-drop)
- Kanban — Board view by status
- Calendar — Due-date calendar view
Task features
- Priorities, labels, starred/important flag
- Due dates and reminders
- Subtasks and comments
- Sort options: manual, due date, priority, title, created date
- Filters: project, priority, label, starred-only
- In-memory state via Zustand store (mock data, no backend)
Additional pages
- Activity — Task activity log
- Notifications — Notification center UI
- Trash — Deleted tasks (
/deleted) - Settings — Tabbed settings (Account, General, Subscription, Themes, Integrations, Apps)
UX & integration polish
- Moved todo app inside the admin app shell (shared sidebar/header)
- Centralized routing via
src/lib/todo-routes.ts(todoRouteshelper) - Display preferences — Font size, density, text/display font choices
- Search dialog in todo nav
- Friendly not-found page for invalid in-memory task links
- Todo-specific calendar colocated under the route group
- Sidebar nav group: Todo with tasks, projects, and manage links
At a glance
| Project Management (#31) | Todo (#32) | |
|---|---|---|
| Routes | 32 pages | 12 pages |
| Scope | ~172 files, +33k lines | ~141 files, +15k lines |
| Data | Mock JSON / in-memory | Zustand + mock data |
| Sidebar | Dashboard, Projects, Teams, Members, Issues, Inbox | Tasks, Projects, Manage |
Show More
Rob Austin
Founder
Released
New Blocks - May 2026
May 29, 2026
Added 113 new blocks
New Blocks
case-studies6 case-studies8 case-studies9 case-studies10 case-studies11 case-studies12 cta43 cta44 cta45 cta46 feature372 feature373 feature374 feature375 feature376 feature377 feature378 feature379 feature380 feature381 hero85 hero96 hero142 hero226 hero248 hero252 hero274 hero275 hero276 hero277 hero278 hero281 hero286 hero288 hero290 hero291 hero292 hero294 hero295 hero301 hero302 hero304 hero305 hero306 hero307 logos33 logos34 pricing17 pricing39 pricing43 pricing44 pricing45 pricing46 pricing47 pricing48 pricing49 pricing50 pricing52 pricing57 pricing58 pricing59 pricing60 pricing61 pricing62 pricing63 pricing64 pricing66 pricing67 pricing68 pricing69 pricing71 pricing72 pricing73 pricing74 pricing75 pricing76 pricing78 pricing79 pricing80 pricing81 pricing82 pricing83 pricing84 pricing85 pricing86 pricing87 pricing88 pricing89 pricing90 pricing91 pricing92 pricing93 pricing94 pricing95 pricing96 pricing97 pricing98 pricing99 pricing100 pricing105 pricing106 pricing107 pricing108 pricing110 pricing117 pricing118 settings-profile1a settings-profile2a stats22 testimonial41 testimonial42 timeline19 timeline20
Rob Austin
Founder
Released
New Template - Meridian
May 29, 2026
A premium developer tools SaaS template with a signature intro animation, Motion/GSAP interactions, and Fumadocs-powered MDX docs with ⌘K search. Available in both Next.js and Astro editions.
Tech stack:
- Next.js 16 or Astro 6
- shadcn/ui & Tailwind CSS 4
- Motion & GSAP
- Fumadocs MDX docs
Rob Austin
Founder
Released
New Feature - Shadcnblocks IDE Extension
May 11, 2026
Browse and install shadcn/ui blocks directly from your IDE with the new Shadcn IDE Extension. Search, preview, and install 1300+ blocks without leaving your editor.
What you can do
- Browse blocks in your IDE — Search and preview all 1300+ blocks directly inside VS Code, Cursor, and more.
- One-click install — Install any block into your project without leaving your editor.
- Works with your workflow — Uses the same shadcn/ui CLI under the hood, so blocks land in your codebase ready to use.
Rob Austin
Founder
Released
New Feature - Shadcn Page Builder
Apr 27, 2026
You can now compose full pages from Shadcnblocks right inside the site using The new Shadcn UI Page Builder. The Shadcn Page Builder lives in the Explorer alongside blocks and components, so you can browse library pages, open the builder, and arrange sections without leaving the workflow.
What you can do
- Browse pre-built pages — Explore pre-built pages the same way you explore blocks and components.
- Open the builder — Start from Shadcn Page Builder to create or edit a page layout: add blocks, reorder sections, and tune structure in a dedicated editor.
- Install with the Shadcn CLI — Pull page layouts into your project using the same shadcn/ui CLI workflow you use for blocks and components, so pages land in your codebase ready to extend.
Rob Austin
Founder
Released
New Feature: Pages
Apr 27, 2026
We now ship 49+ pre-built pages — complete layouts assembled from the same shadcn/ui blocks you already use. Browse them on Pages, then copy the code or install a page with the shadcn CLI.
Layouts include landing, pricing, about, product, blog, contact, FAQ, changelog, and integrations. Each page is theme-ready for light and dark, and licensed for client and SaaS work.
What you can do
- Browse by type — Open Pages and filter landing, pricing, about, and the rest of the catalog.
- Preview a full layout — Open any page to see the assembled sections before you install it.
- Install with the CLI — Pull a page into your project the same way you install a block or component.
Rob Austin
Founder
Released
New Blocks - Apr 2026
Apr 26, 2026
Added 87 new blocks
New Blocks
cta34 cta35 cta36 cta37 cta38 cta39 cta41 cta42 feature344 feature345 feature346 feature347 feature348 feature349 feature350 feature351 feature352 feature353 feature354 feature355 feature356 feature357 feature358 feature359 feature360 feature361 feature362 feature363 feature364 feature365 feature366 feature367 feature368 feature369 feature370 feature371 footer19 footer21 footer28 footer29 footer37 footer49 footer51 footer52 footer53 footer54 footer55 footer56 footer57 footer58 footer59 footer60 footer61 footer62 hero267 hero268 hero269 hero270 hero271 hero272 hero273 logos21 logos22 logos23 logos24 logos25 logos26 logos27 logos28 logos29 logos30 logos31 logos32 navbar12 shader15 shader16 shader17 shader18 shader19 shader20 testimonial34 testimonial35 testimonial36 testimonial37 testimonial38 testimonial39 testimonial40
Rob Austin
Founder
Released
New Template - Kinto
Apr 26, 2026
Rob Austin
Founder
Released
Shadcn Admin Kit v2.0.0
Apr 5, 2026
Shadcn Admin Kit v2.0.0 is a platform rewrite: Next.js 16, a refreshed shadcn / Radix stack, and a full ecommerce admin with route groups, shared chrome, and dozens of production-ready pages.
Platform and dependencies
- Next.js 16 and refreshed shadcn / Radix / Sonner stack
- Zod / resolvers updated for v4-compatible schemas
- Recharts v3 and react-day-picker v9 alignment, chart/calendar fixes and sizing
- Shadcn foundation refresh, latest components,
components.jsonupdated to radix-vega
Ecommerce
Dashboards
Multiple dashboard variants (1–4, 6–8, 11–12) with updated menu labeling.
Products
Product list UIs, detail pages, add product, multistep wizard, guided edit, variants, and sheets — plus mobile, filter, card, and mini-chart polish.
Orders
- Order list and order detail (map, journey, activity, mobile header)
- Sales order list/detail, payment sheet, draggable order board
- Status track and filters
Customers & shipments
Lists and detail pages, activity/tabs, and shipping-related flows.
Purchase orders & shipping labels
- Purchase order creation flow and stepped product selection
- Shipping label create/edit split and forms
Routing & UX
Routes aligned with the sidebar, theme toggle on ecommerce pages, list → detail links, split scrolling, plus mobile and a11y fixes.
App structure and v2 refactor
- Route groups and group-level layouts; legacy demos under an
originalgroup - Site config, unified breadcrumbs, homepage redirect, global header for older pages
(dashboard)→(admin)rename- Shared header / subheader, scoped headers, command-style group search (cmdk)
- Developers and original areas aligned to a consistent layout pattern
Search, theme, and UI polish
- Header / search updates (including mobile: search as icon)
- Theme selector; theme preset hydration fix; chart indicator theming
- Dashboard chart interactions and tooltip behavior (block tooltips vs shared defaults)
Show More
Rob Austin
Founder
Released
New Blocks - Mar 2026
Mar 30, 2026
Added 64 new blocks
New Blocks
background-pattern95 background-pattern96 background-pattern97 background-pattern98 background-pattern99 background-pattern100 background-pattern111 background-pattern112 background-pattern113 background-pattern115 background-pattern116 background-pattern117 code-example6 code-example11 code-example14 code-example16 dashboard1 dashboard2 dashboard3 dashboard4 dashboard5 dashboard6 dashboard7 dashboard8 dashboard9 dashboard10 dashboard11 dashboard12 dashboard13 dashboard14 dashboard15 dashboard16 dashboard17 dashboard18 ecommerce-hero1 ecommerce-hero2 ecommerce-hero3 ecommerce-hero6 ecommerce-hero7 ecommerce-hero8 ecommerce-navbar1 ecommerce-navbar2 hero88 hero118 hero154 hero207 hero235 hero249 hero263 hero264 hero265 hero266 logos18 logos19 logos20 product-card21 product-card22 product-card23 product-card24 product-quick-view8 shader11 shader12 shader13 shader14
Rob Austin
Founder
Released
New Template - Hatch
Mar 30, 2026
Rob Austin
Founder
Released
Astro 6 Templates Update
Mar 19, 2026
All ouf our premium Shadcn UI Astro templates have been upgraded to Astro 6.
This is a major refresh for anyone building with our Astro templates. We have upgraded the full Astro template lineup to Astro 6 so you start from the current framework generation—better defaults, a cleaner upgrade path, and access to the latest Astro ecosystem improvements out of the box.
Deployment: tested on three major platforms
Shipping to production should not be guesswork. We have added and verified deployment guidance and configuration for three of the most common hosts for static and server-rendered Astro apps:
- Vercel — fast global delivery and straightforward Git-based deploys
- Netlify — mature build pipelines and edge-friendly hosting
- Cloudflare Pages — strong performance at the edge with a simple Pages workflow
Browse the full catalog and grab the Astro versions of any template you need on our Templates page.
Rob Austin
Founder
Released
Figma Kit v2.0
Mar 4, 2026
Shadcn Figma Kit v2.0 Released 🔥
- Light/dark mode support via Figma variables
- Theme system with Shadcn, Tweakcn, and custom theme support
- Two-layer variable architecture for independent theme and mode switching
- Typography system mapped to Tailwind text classes
- Lucide icons with instance swapping
- All shadcn/ui components rebuilt from the ground up
- 500+ pro blocks with responsive variants (Desktop, Tablet, Mobile)
- All blocks published in Assets panel and instance swappable
- Token names match actual Shadcn CSS variables
Shadcn Figma Kit Product Page · Documentation
Rob Austin
Founder
Released
New Blocks - Feb 2026
Feb 27, 2026
Added 26 new blocks
New Blocks
about11 contact21 contact22 contact23 contact24 contact25 contact28 contact29 contact30 contact31 contact32 contact33 contact34 contact35 ecommerce-footer9 ecommerce-footer18 help1 help2 help3 help4 hero193 social-media-trending1 social-media-trending2 social-media-trending3 social-media-trending4 social-media-trending5
Rob Austin
Founder
Released
New Template - Echo
Feb 24, 2026
Rob Austin
Founder
Released
New Feature: Base UI Support
Feb 4, 2026
We're excited to announce Base UI support for all Shadcnblocks components. You can now choose between Radix UI and Base UI as the underlying primitive library for your shadcn/ui components.
Why Base UI?
Base UI is a headless component library from the MUI team. It offers:
- Smaller bundle sizes compared to Radix UI
- Zero styling overhead
- Active development and regular updates
How to Use
- Open the Explorer
- Select Base UI in the sidebar's UI Library dropdown
- Preview blocks with Base UI primitives
- Download a pre-configured
components.json - Install blocks with the CLI—they'll use Base UI automatically
Configuration
Your components.json now supports library-style combinations:
{
"style": "base-vega"
}
Available options: base-vega, base-nova, base-maia, base-lyra, base-mira
All 5 component styles work with both Radix UI and Base UI.
Base UI Documentation | Explorer
Rob Austin
Founder
Released
New Feature: Component Styles
Feb 4, 2026
Introducing component styles for shadcn/ui—the same styles available in the Shadcn UI Create page. This gives you control over the visual appearance of every component in your project.
Available Styles
- Vega (New York) — The classic shadcn/ui look. Clean, neutral, and familiar.
- Nova — Reduced padding and margins for compact layouts.
- Maia — Soft and rounded, with generous spacing.
- Lyra — Boxy and sharp. Pairs well with mono fonts.
- Mira — Compact. Made for dense interfaces.
Preview in the Explorer
The Explorer now includes a Component Style selector in the sidebar. Switch between styles instantly to see how any block looks with different visual treatments.
How It Works
Styles are configured in your components.json:
{
"style": "radix-maia"
}
The format is {library}-{style}, combining your UI library choice (Radix or Base) with your visual style preference.
All Combinations
radix-vega,radix-nova,radix-maia,radix-lyra,radix-mirabase-vega,base-nova,base-maia,base-lyra,base-mira
When you install blocks via the CLI, they automatically use your configured style.
Component Styles Documentation | Explorer
Rob Austin
Founder
Released
Explorer Upgrades: Styles, Base UI & Performance
Feb 4, 2026
The Explorer has received a major upgrade with new features and significant performance improvements.
New Sidebar Options
- Component Style Selector — Preview blocks in all 5 styles (Vega, Nova, Maia, Lyra, Mira)
- UI Library Selector — Switch between Radix UI and Base UI
- Improved Theme Picker — Faster theme switching with better previews
- Full-width Dropdowns — Cleaner, more accessible interface
Configuration Export
- Smart components.json — Downloads now include your selected style and UI library
- Docs Link — Quick access to installation documentation from the toolbar
- Improved CLI Display — Full command visible on larger screens
Performance Improvements
- Faster initial page load with optimized API calls
- Smoother scrolling in the block grid with virtualization
- Reduced re-renders when changing preview options
- Better memory management for large block libraries
Updated Paywall Experience
- Clearer messaging about what's included with Pro access
- Detailed feature checklist showing all benefits
- Consistent "Get All Access" call-to-action
Quality of Life
- Bug report button with improved accessibility
- Fixed scrollbar shift when opening dropdowns
- Better mobile responsiveness in the sidebar
Rob Austin
Founder
Released
New Blocks - Jan 2026
Jan 30, 2026
Added 202 new blocks
New Blocks
about28 accept-invite1 accept-invite2 application-shell1 application-shell2 application-shell3 application-shell4 application-shell5 application-shell6 application-shell7 application-shell8 application-shell9 application-shell10 application-shell11 application-shell12 application-shell13 application-shell14 chart-card1 chart-card2 chart-card3 chart-card4 chart-card5 chart-card6 chart-card7 chart-card8 chart-card9 chart-card10 chart-card11 chart-card12 chart-card13 chart-card14 chart-card15 chart-card16 chart-card17 chart-card18 chart-card19 chart-card20 chart-card21 chart-card22 chart-card23 chart-card24 chart-card25 chart-card26 chart-card27 chart-group1 chart-group2 chart-group3 chart-group4 chart-group5 chart-group6 chart-group7 chart-group8 chart-group9 chart-group10 chart-group11 chart-group12 chart-group13 chart-group14 chart-group15 companies-create1 companies-create2 companies-create3 companies-create4 companies-create5 companies-detail1 companies-detail2 companies-list1 companies-list2 data-table1 data-table2 data-table3 data-table4 data-table5 data-table6 data-table7 data-table8 data-table9 data-table10 data-table11 data-table12 data-table13 data-table14 data-table15 data-table16 data-table17 data-table18 data-table19 data-table20 data-table21 data-table22 data-table23 data-table24 data-table25 data-table26 data-table27 data-table28 data-table29 data-table30 data-table31 data-table32 faq20 feature342 feature343 field-mapping1 field-merging1 footer50 hero261 hero262 invite-user1 invite-user2 invite-user3 invite-user4 leaderboard1 leaderboard2 leaderboard3 logos17 navbar33 onboarding1 onboarding2 pricing41 pricing42 settings-integrations1 settings-integrations2 settings-integrations3 settings-integrations3a settings-integrations4 settings-integrations5 settings-integrations6 settings-integrations7 settings-integrations8 settings-integrations9 settings-members1 settings-members2 settings-members3 settings-members4 settings-members5 settings-notifications1 settings-notifications2 settings-notifications3 settings-notifications4 settings-profile1 settings-profile2 settings-profile3 settings-profile4 settings-profile5 settings-profile6 settings-profile7 sidebar1 sidebar2 sidebar3 sidebar4 sidebar5 sidebar6 sidebar7 sidebar8 sidebar9 sidebar10 sidebar11 sidebar12 sidebar13 sidebar14 sidebar15 sidebar16 sidebar17 sidebar18 sidebar19 sidebar20 sidebar21 stats-card1 stats-card2 stats-card3 stats-card4 stats-card5 stats-card6 stats-card7 stats-card8 stats-card9 stats-card10 team36 testimonial31 todo1 todo2 todo3 todo4 todo5 todo6 todo7 todo8 todo9 todo10 user-profile1 user-profile2 user-profile3 user-profile4 user-profile5 user-profile6 user-profile9 user-profile10 user-profile11 user-profile12 user-profile13 user-profile14
Rob Austin
Founder
Previous
Showing 1-30 of 89 entries