Aspect Ratio
Aspect Ratio with Crafter styling. Explore the live example and use the source in your project.
16:9
16:9
Installation
Add the shadcn primitive and the shared Crafter theme to a Base UI project. The theme updates your project-wide tokens.
bunx --bun shadcn@4.21.0 add http://localhost:4324/r/aspect-ratio.jsonComposition
A foundation for your own components. The source stays close to the upstream API.
From the foundation
These primitives use shadcn Base UI with the same Crafter colors, typography and corners as this entire site. Customize that shared identity in the style generator.
Upstream documentation ↗