[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-shadcnblocks-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":65,"alternatives-shadcnblocks-en-US":130,"related-resources-shadcnblocks-en-US":131},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":27,"cons":33,"best_for":38,"cover":39,"icon":9,"pricing":40,"platform":41,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":43,"views_count":45,"featured_rank":9,"categories":46,"tags":55,"files":9},903,"Shadcnblocks","shadcnblocks","https:\u002F\u002Fwww.shadcnblocks.com\u002F",null,"Premium blocks, components and templates for shadcn\u002Fui","Shadcnblocks is a third-party component marketplace built on top of shadcn\u002Fui and Tailwind CSS, billing itself as the ultimate block set for that stack. It ships installable UI blocks, components, and templates that follow the shadcn workflow — installed via the Shadcn CLI and configured through `components.json` — so they drop straight into Next.js, Vite, Astro, and Remix projects.\n\nThe library covers 2,600+ blocks across 160+ categories (Hero, Feature, Pricing, Testimonial, Bento, Blog, ecommerce, Dashboard), 2,200+ components (forms, data tables, charts, drawers), 21 full templates, 97 pre-built pages, and 39 themes. Every block is published for three primitive libraries — Radix UI, Base UI (the shadcn\u002Fui default for new projects), and React Aria — with monthly releases adding roughly 50 components, 100 blocks, and 10 pages.\n\nBeyond the library itself, the ecosystem includes a Shadcn MCP server for installing blocks through AI assistants with natural language, an IDE extension for VS Code, Cursor, and Windsurf, a browser-based drag-and-drop page builder, and CMS plugins for Payload and Sanity. Pricing is one-time and lifetime: free blocks with a login, Pro at $149, Premium at $299 adding the Figma Kit and Admin Kit (a 219-page Next.js dashboard), and Elite at $399 adding the pre-built pages and page builder. The site is not officially affiliated with shadcn\u002Fui or Tailwind CSS.",{"title":13,"meta_description":14},"Shadcnblocks — Premium blocks, components and templates for shadcn\u002Fui","Shadcnblocks is a thirdparty component marketplace built on top of shadcn\u002Fui and Tailwind CSS, billing itself as the ultimate block set for that stack. It sh...",[16,17,18,19,20,21,22,23,24,25,26],"2,600+ UI blocks across 160+ categories","2,200+ components including forms, data tables, and charts","21 full templates and 97 pre-built pages","39 themes with 579 Figma designs in the Figma Kit","Blocks published for Radix UI, Base UI, and React Aria","Installs via Shadcn CLI with components.json config","Shadcn MCP server for natural-language installs via AI assistants","IDE extension for VS Code, Cursor, and Windsurf","Drag-and-drop page builder in the browser","CMS plugins for Payload and Sanity","Monthly releases adding ~50 components and ~100 blocks",[28,29,30,31,32],"Follows the official shadcn\u002Fui install workflow, no vendor lock-in","Huge, actively updated library with monthly releases","Supports three primitive libraries including Base UI","One-time payment with lifetime updates","Strong tooling: MCP, IDE extension, page builder",[34,35,36,37],"Most content requires a paid plan","Single-user license on paid tiers","Not officially affiliated with shadcn\u002Fui","Depth over breadth — React and Tailwind projects only","Best for React developers building with shadcn\u002Fui and Tailwind who need production-ready blocks, templates, and dashboards","f88fe43e-9754-4169-9093-52ffa46e77d9.webp","freemium",[42],"Web",{"pro":3,"free":3,"note":44},"Free blocks with login; one-time purchase lifetime plans: Pro $149, Premium $299 (templates + Figma Kit + Admin Kit), Elite $399 (+ 97 pages + Page Builder); templates $79 each, Admin Kit $129",0,[47,51],{"name":48,"slug":49,"sub_categories":50},"Templates & UI Kits","templates-ui-kits",[],{"name":52,"slug":53,"sub_categories":54},"Design Systems","design-systems",[],[56,58,61,62],{"name":57,"slug":40},"Freemium",{"name":59,"slug":60},"UI Kits","ui-kits",{"name":52,"slug":53},{"name":63,"slug":64},"Web Design","web-design",[66,84,101,115],{"id":67,"url":68,"icon":9,"name":69,"slug":70,"tags":71,"cover":80,"tagline":81,"is_featured":82,"date_created":83,"date_updated":9},911,"https:\u002F\u002Fai-costume-gallery.pages.dev\u002F","AI Costume Gallery","ai-costume-gallery",[72,75,78],{"seo":9,"name":73,"slug":74},"Free","free",{"seo":9,"name":76,"slug":77},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":79},"ai","e855c11c-d440-4f13-9da1-230f78f7319c.webp","AI-generated costume reference gallery for image prompts",false,"2026-11-05T08:47:47.969095+00:00",{"id":85,"url":86,"icon":9,"name":87,"slug":88,"tags":89,"cover":98,"tagline":99,"is_featured":82,"date_created":100,"date_updated":9},910,"https:\u002F\u002Forcanva.app","Orcanva","orcanva",[90,91,94,96],{"seo":9,"name":73,"slug":74},{"seo":9,"name":92,"slug":93},"Open Source","open-source",{"seo":9,"name":9,"slug":95},"image-editing",{"seo":9,"name":9,"slug":97},"social-media","4650e759-0487-4c8e-871a-34b12d341d87.webp","Free open-source design editor for thumbnails and social images","2026-11-05T06:41:00.2436+00:00",{"id":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":112,"tagline":113,"is_featured":82,"date_created":114,"date_updated":9},909,"https:\u002F\u002Fgithub.com\u002Fdeepfounder-ai\u002Fdesigma","Desigma","desigma",[107,108,110],{"seo":9,"name":92,"slug":93},{"seo":9,"name":9,"slug":109},"prototyping",{"seo":9,"name":9,"slug":111},"collaboration","2d4532ec-94f8-4067-b028-69be665bac71.webp","Independent, local-first Figma alternative written in Rust","2026-11-05T06:39:32.135358+00:00",{"id":116,"url":117,"icon":9,"name":118,"slug":119,"tags":120,"cover":127,"tagline":128,"is_featured":82,"date_created":129,"date_updated":9},908,"https:\u002F\u002Fdoop.design","Doop","doop",[121,124,125,126],{"seo":9,"name":122,"slug":123},"Vibe Coding","vibe-coding",{"seo":9,"name":92,"slug":93},{"seo":9,"name":76,"slug":77},{"seo":9,"name":9,"slug":111},"8fd46e29-7140-4d22-9483-483cd407c637.webp","Open multiplayer design canvas with AI agents via MCP","2026-11-05T06:38:10.890294+00:00",[],[132,148,160],{"url":133,"icon":9,"name":134,"slug":135,"tags":136,"cover":145,"tagline":146,"is_featured":3,"date_created":147,"date_updated":9},"https:\u002F\u002Freadymag.com","Readymag","readymag",[137,139,141,143],{"seo":9,"name":9,"slug":138},"landing-page",{"seo":9,"name":9,"slug":140},"presentation",{"seo":9,"name":9,"slug":142},"responsive",{"seo":9,"name":9,"slug":144},"no-code","ecb98afd-9dc4-482f-a0d3-2cdd3a979b7a.webp","Design stunning web publications, portfolios, and landing pages — no coding required","2026-06-16T07:14:16.99401+00:00",{"url":149,"icon":9,"name":150,"slug":151,"tags":152,"cover":157,"tagline":158,"is_featured":82,"date_created":159,"date_updated":9},"https:\u002F\u002Fbencho.dev\u002F","Bencho","bencho",[153,154,155],{"seo":9,"name":57,"slug":40},{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":156},"animation","bcd6e63a-6260-4712-925e-755ca9c2dcbe.webp","Interactive React components and micro-interactions you can tune live and take into your projects","2026-10-19T07:27:24.077209+00:00",{"url":161,"icon":9,"name":162,"slug":163,"tags":164,"cover":170,"tagline":171,"is_featured":82,"date_created":172,"date_updated":9},"https:\u002F\u002Fgetartcraft.com\u002Fapps\u002Ffigcraft","FigCraft","figcraft",[165,166,167,168],{"seo":9,"name":73,"slug":74},{"seo":9,"name":92,"slug":93},{"seo":9,"name":9,"slug":109},{"seo":9,"name":9,"slug":169},"mobile-ui","1d11c9d8-1679-4d2b-a828-6c065d2fa26e.webp","Interface design and prototyping, rebuilt in pure Rust — free, open source","2026-10-14T07:25:59.853+00:00"]