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
26
27
28
29

/* Shared layout for block showcase pages.
   A block is a full-page composition, so its preview takes a larger
   stage than a primitive's `showcase()` grid. The frame gives it a
   viewport-like backdrop with appropriate padding. */

.mui-block {
    width: 100%;
    min-height: 100%;
}

.mui-block__frame {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36rem;
    padding: 2rem 1rem;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--mui-bg) 100%, transparent),
        color-mix(in srgb, var(--mui-bg-card) 60%, transparent));
    border-radius: var(--mui-radius-lg);
    border: 1px solid var(--mui-border);
}

@media (max-width: 640px) {
    .mui-block__frame {
        padding: 1rem 0.5rem;
        min-height: 32rem;
    }
}