1.10.0 released — Pro Blocks in React, Nova available as pre-release
May 14th, 2026
We just released 1.10.0. Two big things land in this version: the Pro Blocks are now available as React components, and the Nova style is available today as a pre-release for anyone who needs it. As always, you can see the detailed changes in our changelog.
Pro Blocks, now in React#
We’re excited to announce that the Pro Blocks are finally available as React components via the shadcn/ui registry.
Up to now, the Pro Blocks lived only in Figma — designed as ready-to-use sections of the kit. With this release we ship React versions of all marketing blocks and a big chunk of the most important application blocks, installable straight into your project.
Why this matters: closing the design-to-dev loop#
When we released our CSS Export plugin, that was the first step in making our design kit work together with development. With the release of the React Pro Blocks, we are taking the second step.
The workflow we envisioned looks like this:
- A designer customizes the kit in Figma.
- A developer exports the base CSS using our CSS Export plugin.
- The team uses the React Pro Blocks as a base for custom implementation work.
That vision is coming together now. The Pro Blocks give developers a head start on real screens — marketing pages, app shells, dashboards — instead of starting from a blank slate.
Browse the available blocks#
You can see the full list of blocks currently published to the registry — heroes, navs, footers, FAQs, pricing sections, dashboards, tables, auth screens, and more — at registry.shadcn.obra.studio. That page is the source of truth for what you can install today.
Tutorial for developers#
We’ve written a tutorial walking through how to bring the Pro Blocks into your project, how they sit on top of shadcn/ui, and how they pair with the CSS Export plugin. Read the developer tutorial →
Nova, available as a pre-release#
Next to this, we’ve been working on the design side to support the Nova style for shadcn/ui.
There are a lot of subtle differences between Nova and Vega — different button and input sizes, different border radii at different scales, different shadow usage, and a fair share of component-level spacing adjustments. Each of these has to be modelled accurately, and Figma doesn’t make it trivial to fork a style cleanly across an entire kit. It took us a while to find a maintainable way to support Nova without forking the file twice — and that same approach is what lets us add more styles (Luma, Sera, and others) down the line.
We initially set a deadline for ourselves on the roadmap in August, but it looks like things are coming together much faster than we thought. We’ve been spurred on by a customization client project that requested the Nova styles.
Not everything is finished, but we’re excited to offer a pre-release version of the Nova file to anyone who needs it today.
How to get the pre-release#
Simply contact us with your license key, and we’ll generate a download link for you.
If you run into anything rough in the pre-release file, we’d love to hear about it — that feedback is what shapes the final release.
Last call: 25% off in May#
The May launch discount is the final one — from June, full pricing kicks in. Use LAUNCHMAY at checkout.