TypeScript is here for the React Pro Blocks

Short and sweet: from today, the React Pro Blocks install as fully typed TypeScript (.tsx).

Typed blocks were one of the very first pieces of feedback we got on the Pro Blocks — and we’re glad it’s finally fixed. Until now, our private shadcn/ui registry shipped the blocks as plain JSX. They worked fine in TypeScript projects, but you didn’t get typed props or the IntelliSense you’re used to. The blocks were already written in strict TypeScript behind the scenes — so now we simply publish them that way.

Nothing changes about how you install them:

npx shadcn@latest add @obra/hero-02

If your project is TypeScript, you now get the typed source. If it’s JavaScript, the shadcn/ui CLI strips the types automatically on install — same blocks, no action needed.

Already a customer? Log in to the Customer Center (linked from your purchase mail) and you’ll find instructions for authenticating with the registry using your own customer key — a copy/paste code block is waiting for you there. Share it with your dev!

Browse what’s available on the registry preview, and see the Pro Blocks developer tutorial for setup. Full details in the Pro Blocks changelog.