Obra shadcn/ui kit CSS export

About this plugin

For users of the Obra shadcn/ui kit we present this plugin which provides a way to export your theme variables to shadcn/ui compatible Tailwind CSS code.

Features

1. Code export: Export Obra shadcn/ui kit variables to Tailwind CSS code to power the look of your shadcn/ui components. Copy or download the generated source code.
2. Inline preview: Designers - use the plugin to preview your theme inline: hand off the right version to your developer
3. Dark mode support: Supports themes with both light and dark colors
4. Export customizations: Modify the code exported: reorder collections or only export partial themes/theme code
5. Customize the code: we provide the plugin source on Github with permissive MIT license: fork away to cover your own needs. Or - hire us for your custom version.

Upgrade help & customization services

We provide our kit and open source our plugins for free to promote our studio Obra. Are you looking to have your Obra shadcn/ui kit customized to your brand? View our services.

Compatibility

The plugin works with the Obra shadcn/ui kit since 1.4.0.

Disclaimer

This plugin is provided for free.

It depends on a very specific setup of your variables. This setup is fickle and might need customizations depending on how you customized the Obra shadcn/ui file.