Aspect Ratio — maud-ui

maud-ui59 components

/

Get started Blocks Theme

Advanced▾

Code & TextMonaco editorVS Code's editor, embedded TipTapRich text prose editor

Diagrams & GraphsxyflowReact Flow node editor CytoscapeNetwork graph visualisation MermaidText-to-diagram renderer

CanvasExcalidrawSketchy whiteboard canvas Three.jsWebGL 3D scene

DataAG GridEnterprise data grid Apache EChartsCharting library

Maps & SchedulingLeafletInteractive maps FullCalendarScheduling, drag-drop events

MediaWavesurferAudio waveform player PDF.jsInline PDF viewer

Drag & DropSortableJSReorder list, kanban, tile grid

Terminalxterm.jsTerminal emulator

Esc

↑↓ navigate↵ openEsc close

Button Input Textarea Checkbox Radio Select Switch Slider Number Field Field Fieldset Label Native Select

Badge Swatch Avatar Separator Progress Meter Kbd Skeleton Spinner Typography Empty State

Card Accordion Collapsible Tabs Table Data Table Pagination Resizable Scroll Area Aspect Ratio

Dialog Alert Dialog Drawer Popover Tooltip Hover Card Toast Alert

Menu Context Menu Menubar Navigation Menu Breadcrumb Command Combobox

Button Group Toggle Toggle Group Input Group Input Otp Radio Group Calendar Carousel Chart Date Picker

Gallery / Aspect Ratio

Aspect Ratio

Common ratios

16:9

16:9

4:3

4:3

1:1

1:1

With image

Minimalist white shapes

← Back to Gallery