The highest quality shadcn/ui design system
A Figma library designers actually want to work in, backed by the exact same components in code.
Community vs Pro
What you get in each edition
| Feature | Community | Pro |
|---|---|---|
| shadcn/ui components released up to June 2026 | Included | Included |
| Components released after June 2026: Attachment, Bubble, Marker, Message, Message Scroller, Questionnaire, Trace and Code Block | Preview only | Included |
| Light mode | Included | Included |
| Dark mode, with multi-brand theming | Not included | Included |
| shadcn/ui styles | Nova | All 8 |
| All Tailwind 4.2 colors and 1800+ Lucide icons | Included | Included |
| Auto layout, variables, component properties and slots throughout | Included | Included |
| All component properties documented with Autodocs | Included | Included |
| Design Pro Blocks for marketing, e-commerce and application | Not included | Included |
| React Pro Blocks, published as a shadcn/ui registry | Not included | Included |
| CSS Export plugin | Not included | Included |
| shadcn/ui Create plugin | Included | Included |
| Icon swap: automatically swap icons to other icon sets with the Create plugin | Not included | Included |
| Price | Free | One-time, from $249 |
Community shows a preview of the dark mode version on every component page, and the newer components as images.
Testimonials
What the community is saying
Obra keeps coming up with these smart projects to promote themselves like the kit. But actually it is really really good, we use it in our startup project ourselves.
Valentijn Kint
This is an awesome work! Thank you so much.
조세영
Thank you for the great kit!
Ali Shouman
Thanks for your amazing work!
Nicolas Fiascaro
This is the highest quality kit I've found and I've evaluated more than five of them on Community.
Anonymous design lead
News
Stay up to date
Latest blog posts
2.4.0 released - 2 new components: Trace and Code Block
October 17th, 2026
2.3.0 released — the e-commerce release
October 5th, 2026
New video: Community edition 2.0 overview
September 13th, 2026 at 19:00
Latest videos
Obra shadcn/ui - Community edition 2.0 overview
September 13, 2026
Multi brand + CSS Export + Enterprise logic for Obra shadcn/ui
August 13, 2026
Getting started with your design system for FREE in Figma using the Obra shadcn/ui kit (2026)
August 12, 2026
Newsletter
Subscribe to receive new blog posts directly in your inbox when they're published.
FAQ
This Figma kit is intended to be published as a library, after which the tokens and components would be used in another file. It can be used to create a UI design that is based on shadcn/ui.
Go to the assets panel and click the book icon to open the Manage Libraries dialog. From there, select Publish to make the file available to add as a library in other files.
In the consuming file, go to Manage Libraries as well, but now visit the Teams section. Find the published library and click add to file.
There are two editions of the Obra shadcn/ui kit.
The Community Edition is free and available on Figma Community.
The Pro Edition is a commercial edition with additional components, Pro Blocks, and dedicated support, available through Obra shadcn/ui Pro.
Follow our blog and changelog for the latest updates. You can also subscribe to our newsletter to get new posts delivered to your inbox.