---
url: /api/renderers/shadcn/src.md
---
[pantoken-root](../../../index.md) / shadcn

# shadcn

## Compatibility

Target: shadcn/ui CSS variables. Current format: `Tailwind 4.3.3 compiles the Pantoken primary theme alias`. Minimum host version: `4.3.3`. Tested through `4.3.3`. Newer releases require review.

[Full compatibility matrix](../../../../compatibility)

Experimental

`@pantoken/shadcn` — theme shadcn/ui with Instructure tokens.

[toShadcnCss](functions/toShadcnCss.md) emits a `:root` block pointing shadcn's CSS variables at `var(--instui-*)`.
Drop it in alongside `@pantoken/css` (which defines the custom properties) and shadcn components
adopt the Instructure look. Icons align for free — shadcn and Instructure both use Lucide.

## Interfaces

* [ToShadcnCssOptions](interfaces/ToShadcnCssOptions.md)

## Variables

* [shadcnCss](variables/shadcnCss.md)
* [shadcnTailwindV4Css](variables/shadcnTailwindV4Css.md)
* [SHADCN_TO_INSTUI](variables/SHADCN_TO_INSTUI.md)

## Functions

* [toShadcnCss](functions/toShadcnCss.md)
* [toShadcnTailwindV4Css](functions/toShadcnTailwindV4Css.md)

## References

### default

Renames and re-exports [shadcnCss](variables/shadcnCss.md)