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.

There are two editions of the Obra shadcn/ui kit.

The Community Edition (free, available on Figma Community) is no longer being updated.

A new commercial edition is launching on March 11, 2026 through Obra Studio, with ongoing updates and support.

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!

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.