Obra shadcn/ui docs

Videos

Here's the available videos about our Obra shadcn/ui Figma library project.

Have a video request? Question? Log a Github issue!

Obra shadcn/ui 0.5.0: Light/dark mode, theming support and example screens

September 11, 2025

We've reached a nice milestone with 10,000 duplicates for our kit. In the latest 0.5.0 version we added light and dark mode, theming support and example screens.

0.4.0 version of the Obra shadcn/ui kit: border radii & spacing variables

September 4, 2025

We released a new minor version of our kit, containing border radii and spacing variables. We also explain how two new plugins help you stay consistent.

Obra Shadcn/ui tools plugin

September 2, 2025

We created a plugin that makes it easier to work with the kit in combination with the Propstar plugin.

Figma Obra shadcn/ui 0.2.0 update: icons and colors now bundled

August 18, 2025

We listened to the community and bundled all Tailwind colors and all Lucide icons inside of the kit. The add-on files are thus deprecated. This makes the kit heavier on initial publish, but provides more options to design with by default.

Obra shadcn/ui - Pick and choose components, then customize

July 9, 2025

We show you a design, where we picked two components from our shadcn/ui kit and customized one of them. The kit is just handy to nearby, to quickly drop a component in when you're designing and stay in your flow.

The Obra shadcn/ui kit in practice: making a start in our planner project

July 8, 2025

In this video, we create a team member management screen using the Obra shadcn/ui kit in Figma. This video serves as an example of how to use our Figma community kit in practice.

Friday update

June 20, 2025

Just a small update

Release video

June 12, 2025

Introducing the kit & the public beta.

Getting started with your design system in Figma using the Obra shadcn/ui kit

June 12, 2025

A video that shows how easy it is to customize the kit.