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