maud-ui 0.2.0

59 headless, accessible UI components for Rust web apps — plus block templates, a live theme customiser, and shell hooks for 15 third-party widgets (Monaco, xyflow, Excalidraw, Three.js, AG Grid, Leaflet, FullCalendar, SortableJS, and more). Built on maud + htmx, styled like shadcn/ui.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

.mui-aspect-ratio {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--mui-radius-md);
}

.mui-aspect-ratio::before {
  content: "";
  display: block;
  padding-top: calc(100% / var(--mui-aspect-ratio, 1.7778));
}

.mui-aspect-ratio > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Images inside aspect ratio get proper sizing */
.mui-aspect-ratio > img {
  display: block;
}