A free, high quality Figma library
to design and theme shadcn/ui projects

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.

Get the design file on Figma Community

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.

We update the kit frequently, as we use it to work on our own projects.

Obra shadcn/ui is made by Obra Studio. We are a small design and development studio with roots in Belgium and Mexico.

We have a team of maintainers and freelancers helping to keep the kit in good shape and watch the shadcn/ui world.

This is an open source (not open contribution) project with no guarantee of updates. However, you can see our current track record from June 2025 up until now in the changelog.

That being said, the kit is used in commercial work, and lessons from that commercial work (or bugs found!) are backported to the public work. We use the kit in commercial projects. Just like coding projects, fixes we make in general for our clients land in the "upstream" version for everyone to enjoy.

Because the kit is fragile and people depend on it, we only have the kit edited by skilled design system designers.

As part of our agency context, we give new designers and budding design system designers a chance to figure out potential changes in copies of the kit, after the team evaluates what they should bring to the public release.

But the actual releasing is only done by someone who truly controls the kit.

We provide this kit for free because it helps people find our design and development agency Obra.

We provide customization services where we help teams get started with the kit.

So far the kit has brought in a sizable amount of project revenue and has been an excellent lead magnet for Obra Studio.

We are also looking for collaborations with companies creating design tools or working in that space.

For any commercial questions, please reach out via our contact form.

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.

Since it's completely free, you can just duplicate the file and start poking around!

Yes, absolutely. Our MIT license puts no restrictions on what you can do with the kit. We're just never responsible for anything. There is no warranty or liability.

On Figma Community, all files are distributed via a CCBY 4.0 license. This is similar to MIT but adds a crediting layer. You don't need to credit us when you use the kit, but if you're going to be nitpicky about licensing, be aware that parts of the Lucide Icons are derived from Feather Icons which was initially released under an ISC license - which requires people to credit the original creators, in this case Cole Bemis. Thanks Cole.

Figma allows you to publish libraries for use in Figma Make. If you customize your library and then publish it to work with Make, Make can read your shadcn/ui customizations.

Since Make uses shadcn/ui under the hood for most UI generation logic, you can use a customization of the Obra shadcn/ui kit to feed your custom design logic to Make.