Duplicated over 40,000 times on Figma Community
The highest quality shadcn/ui Figma
library to design and theme your projects
We focus on a library for working designers, that contains high quality components built to the highest standards.
Why the Obra shadcn/ui kit?
Built for working designers
- Accurately recreates all shadcn/ui components
- Meticulously crafted by Figma experts. Deep usage of Figma features for maintainability, such as component properties and slots
- All Tailwind 4 colors and 1500+ Lucide icons — include other icon sets with ease
- Light & dark mode with deep theming support (including multi-brand support)
- Meticulous and consistent use of auto layout across the board
- All components documented with Obra Autodocs
Testimonials
What the community is saying
This is an awesome work! Thank you so much.
조세영
Amazing kit, has been super helpful in various projects over the summer already!
Robert Winters
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
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
Based on our community file, which we've maintained from June 2025 to February 2026. Do you have any feedback about our pro offering? We'd love to hear it!
News
Stay up to date
Latest blog posts
Obra shadcn/ui Pro released!
March 11th, 2026
Obra Autodocs: variable modes support
March 6th, 2026
Why the Obra shadcn/ui kit is going commercial
February 26th, 2026
Latest videos
Obra shadcn/ui for Figma - 1.5.0 release
February 6, 2026
Obra shadcn/ui for Figma - 1.4.0 release - kit to tailwind/shadcn/ui code plugin demo
January 14, 2026
Obra shadcn/ui kit for Figma: multi theme improvements / demo of Obra Batch Mode Switcher
January 14, 2026
Newsletter
Subscribe to receive new blog posts directly in your inbox when they're published.
Subscribe nowServices by Obra Studio
Shadcn/ui kit customization
Kickstart your design system with help from Obra Studio, a design agency specialized in shadcn/ui. We can craft a fully customized version of the Obra shadcn/ui kit that matches your brand.
Go further
Obra shadcn/ui Pro
The Pro edition adds Pro Blocks — copy-pasteable shadcn/ui examples across marketing, e-commerce, and application UI — so you can get your work done faster. Also includes a team-wide Obra Autodocs license and access to all future updates.
FAQ
This 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 Studio.
If you're new to Figma, the shadcn/ui kit is a great example of a well-structured kit that you can use to learn from.
Follow our blog and changelog for the latest updates. You can also subscribe to our newsletter to get new posts delivered to your inbox.