Aspect Ratio
18 resources ship this component · Layout
Also called: ratio box, intrinsic ratio, aspect box, 16:9 container.
Ships it
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesComponent LibrariesS
- Chakra UI · 114 accessible React components with a token-driven styling systemComponent LibrariesS
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JSComponent LibrariesS
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templatesComponent LibrariesS
- Radix UI · Unstyled accessible React primitives, plus Themes, Colors and IconsComponent LibrariesS
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLIComponent LibrariesS
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skillsComponent LibrariesS
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcriptsAI Interface KitsA
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citationsComponent LibrariesA
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocksComponent LibrariesA
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLIComponent LibrariesA
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLIComponent LibrariesA
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUIComponent LibrariesA
- Toolcraft · MIT React starter for canvas design tools, with agent docs baked inAgent Design ToolingA
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aestheticComponent LibrariesB
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGsBlocks, Templates & ThemesB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB