1st-pouf
uiaspect-ratiosource: ok · hit
AspectRatio
npx shadcn add "https://1st-pouf.worksonmy.dev/r/aspect-ratio.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightui-primitives@radix-ui/react-aspect-ratio
Registry dependencies
https://1st-pouf.worksonmy.dev/r/base.json
Files1 · source cached 10/8/2026, 3:39:53 PM
registry/pouf/aspectratio.tsx
import * as RAspect from '@radix-ui/react-aspect-ratio'
import type { ReactNode } from 'react'
export function AspectRatio({ ratio = 16 / 9, children }: { ratio?: number; children: ReactNode }) {
return (
<div className="pouf-aspect w-full rounded-control overflow-hidden bg-bg cushion-field">
<RAspect.Root ratio={ratio}>{children}</RAspect.Root>
</div>
)
}