Every shadcn block, template and component. One plan.
6,231 blocks, 14 premium templates and the MCP server for 38 AI agents, on React, Vue, Svelte and Solid. Keep everything you've shipped, even if you cancel.
Compare plans
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
Devs love shadcn.io
Rated 4.9 out of 5 from 150+ reviews. 100k+ developers build with shadcn.io; here's what they say.
- Danny G.Founder of DevStack
“shadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.”
- Ibrahim S.Frontend Lead @ ScaleUp
“shadcn.io templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.”
- Alan Obeng-PeprahSenior Designer @ NativeXAI
“Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.”
- Garrett P.Frontend Lead at TechFusion
“I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.”
- Ian D.CTO at Wavelength
“I've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.”
- Abiola BraimahDeveloper @ Studio IX
“The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.”
- Hallic M.Developer @ AtlasLabs
“These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.”
- Acromond X.Co-founder @ VectorlabsVentures
“Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.”
Rated 4.9 out of 5 by 150+ developers. Every plan includes every block and template.
Choose a plan14 premium templates
Complete multi-page sites you can ship as they are, in every Pro plan.
- Solarisshadcn.io/demos/solaris
Pro - Reframe Labsshadcn.io/demos/reframe
Pro - Spheruleshadcn.io/demos/spherule
Pro - Maxshadcn.io/demos/max
Pro - Zel Designsshadcn.io/demos/zel
Pro - Areteshadcn.io/demos/arete
Pro - Alt+Shiftshadcn.io/demos/altshift
Pro - Chatlyshadcn.io/demos/chatly
Pro
Every template, every block. Included in every Pro plan.
Choose a planLoved by founders & developers
“As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With shadcn.io, I literally plug in a template, tweak the copy, and I'm ready to ship.”
Duke Opoku AmankwahFounder @ MidasUsed by 100k devs and across top universities.
- Harvard UniversityCambridge, MA
- University of California, BerkeleyBerkeley, CA
- Carnegie Mellon UniversityPittsburgh, PA
- Cornell UniversityIthaca, NY
- University of California, Los AngelesLos Angeles, CA
- University of WashingtonSeattle, WA
- University of Illinois Urbana-ChampaignChampaign, IL
- Dartmouth CollegeHanover, NH
Campus photos from Wikimedia Commons: credits
- Harvard: Wgreaves (CC BY-SA 4.0), Daderot (CC BY-SA 3.0), chensiyuan (CC BY-SA 4.0)
- Berkeley: Falcorian (CC BY-SA 4.0), Bob Collowan (CC BY-SA 3.0), Carol M. Highsmith, Library of Congress (Public domain)
- CMU: Dllu (CC BY-SA 4.0), Jared Luxenberg (CC BY-SA 3.0), Dllu (CC BY-SA 4.0)
- Cornell: Russian Elmo (CC BY-SA 4.0), Eustress (CC BY-SA 4.0), sach1tb (CC BY-SA 2.0)
- UCLA: Coolcaesar (CC BY-SA 3.0), Logan Ward (CC BY 2.0), Alton (CC BY-SA 3.0)
- UW: Ken Lund (CC BY-SA 2.0), Keng Susumpow (CC BY 2.0), Punctured Bicycle (Public domain)
- UIUC: Dori (CC BY-SA 3.0 us), HalloweenHJB (CC BY 3.0), Kevin Dooley (CC BY 2.0)
- Dartmouth: Kane5187 (Public domain), Kane5187 (Public domain), Daderot (Public domain)
Built with shadcn.io
100k+ devs are building with shadcn.io components.
- Fetchtalent AIfetchtalent.ai


- InfoSignal Inc.infosignal.com


- TextbookLMtextbooklm.co


- Toonly AItoonly.ai


- Lexosgolexos.com


- Skilluraskillura.com


- InfoBoardifs-infoboard.com


- Meeting IQmeetingiq.com


Build yours next. Pro has every block and template, ready to ship.
Choose a planWhat Pro saves you
Plug in your own numbers. Hand-coding is blocks × hours × rate over a year, against the Pro license your work needs.
- Blocks you build per month
- Hours per block, by hand
- Your hourly rate
You keep
You keep $23,211 a year. Hand-coding: $24,000 a year. Pro Team, billed yearly: $789 a year. About 240 hours back each year, paid off in 12 days.
- Building it by hand, a year
- $24,000
- Pro Team, billed yearly
- −$789
- Time back
- 240h≈ 6 work weeks
- Pays for itself
- 12 daysof hand-coding
- Return
- 30×what it costs
Frequently asked questions
Licensing, teams and billing, and what shadcn.io Pro includes.
shadcn/ui is an open-source component library by @shadcn. shadcn.io is an independent project built on shadcn/ui, offering blocks, templates and components for React, Vue, Svelte and Solid.
Previews are free for everyone. Every component, hook and example, the icons and the DESIGN.md files are free with a free account (Google or GitHub sign-in). Pro covers the code of every block, the premium templates, the MCP server and each animated collection's Pro items.
Yes. Browse and try every demo with no account. Seeing, copying or installing code takes a free account, and Pro code takes a Pro plan on top of it.
Yes. You can modify the Pro blocks and components to create derivative blocks and components. Those derivatives are subject to the same license terms.
All 6,231 blocks in 56 categories, for React, Vue, Svelte and Solid. Every block is Pro.
The 14 premium templates are part of every plan, each a full site you can start a project from. The open-source templates in the directory carry their own licenses.
Yes. The Pro items of the animated buttons, text effects, backgrounds and shaders (284 in all) are included. Each collection's free items need only a free account.
Yes. The MCP server is Pro only: 22 tools your AI agent can call, with setup guides for 38 clients. You get a personal URL from your dashboard's MCP page.
No. Every plan includes every block and template. The Individual, Team and Organization licenses differ in seats and in whether commercial use is allowed, not in what you can download.
Individual: one seat, personal and non-commercial use only. Team: up to five seats in one company, commercial use allowed. Organization: unlimited seats within the purchasing organization, commercial use allowed, with priority support.
A seat is one authorized user under a license. Individual licenses include one seat, Team licenses up to five, and Organization licenses unlimited seats within the purchasing organization.
Only with a Team or Organization license. With either you can create unlimited End Products for unlimited Clients, including commercial SaaS applications, commercial self-hosted web applications and websites for clients. An Individual license is for personal, non-commercial use.
Yes, with any license, as long as the primary purpose of the project is not simply to re-distribute the blocks. A conference app that uses them for its UI and publishes its source is an example the license gives.
No. You can't build a product that lets an End User build their own End Products from the Pro blocks: website builders, UI libraries, theme or template starter kits, admin panel tools and design kits based on the Pro block designs are all out.
No. You can't re-distribute the Pro blocks or derivatives separately from an End Product, neither as code nor as design assets, and you can't make a theme, template or starter kit from them for sale or for free.
Up to five people in the same company or legal entity on a Team license, and any number of people in the purchasing organization on an Organization license. An Individual license can't be shared.
Open Workspace in your dashboard, add a teammate's email and pick a role (Viewer, Member, Admin or Owner). They get an email with a link that is valid for 7 days, and once they accept they share the workspace's Pro access.
Workspace owners and admins can invite, and only when the workspace owner has Pro. Owners have full control; admins manage members and settings; members have standard access; viewers are read only.
Each member signs in with their own account, using the email you invited. The seat limits are the license's: five for Team, and members of the purchasing organization for Organization.
Write to contact@shadcn.io, or use the dashboard's contact form, and say which license you want. That is the quickest way to learn what applies to your account before you buy a second plan.
Every license is available as a monthly or yearly subscription, or as a one-time Lifetime purchase. The plans section above shows the current prices for each.
It grants permanent access to all current and future Pro blocks and components for a one-time payment, with all updates released after purchase. It is available for Individual, Team and Organization licenses.
Write to support through the dashboard's contact form or at contact@shadcn.io. Deleting your account doesn't cancel billing, so cancel first.
You keep the right to use what you accessed during your subscription in existing End Products. You can no longer download new Pro blocks, receive updates or use newly released components, and the MCP server stops answering. To get them back, subscribe again or buy a Lifetime license.
Due to the nature of digital products, we typically do not issue refunds. Refunds are not granted when you have already downloaded the product, changed your mind, bought by mistake, couldn't implement the code, or give no valid reason. Consider your purchase before you complete it.
Write to contact@shadcn.io, or use the contact form in your dashboard, for any question about the license or your plan.
4.9 out of 5 from 150+ developers
Ship your next page today
6,000+ blocks and 14 premium templates. Keep what you've shipped, even if you cancel.
Choose a plan






















