Kickstart your design system by customizing a shadcn/ui kit to your brand

We tailor our Obra shadcn/ui kit to your brand, giving you a production-ready design system foundation in a fraction of the time.

Kit customization

In this process, we apply best-in-class design system practices to adapt the kit to your brand. We start with understanding your branding and determine where our shadcn/ui kit can help.

For a fixed price, we customize the kit to match your brand's colors, typography and icons.

Sprint-based screen creation

As part of the process customizing the kit, we start the first sprint of screen creation where we customize your existing app's screens to use the kit. We take different inputs here such as vibe-coded prototypes, older (development) versions of the app and combine these with the customized kit into a modern user interface, ready for development.

The screen creation covers 10-20 screens and their underlying UI components.

Add-on: link to development

We can help your team make the link between design and development. We do this by:

• automating design token flows based on the design tokens specification
• helping with consultation about documenting design systems and using component documentation systems like Storybook
• customizing our code export plugin to your needs

Your dev team will hit the ground running with clean, production-ready UI, based on shadcn/ui.

Add-on: upgrading your kit

If you are using an older version of our kit, we can help you modernize it so you can enjoy the latest and greatest changes.