BlatUI

Components

Aspect Ratio

Displays content within a desired ratio.

php artisan blatui:add aspect-ratio
16 / 9 
<div class="w-[450px]">
    <x-ui.aspect-ratio ratio="16 / 9" class="bg-muted rounded-lg">
        <div class="flex size-full items-center justify-center rounded-lg text-muted-foreground text-sm">
            16 / 9
        </div>
    </x-ui.aspect-ratio>
</div>