maud-ui 0.1.0

58 headless, accessible UI components for Rust web apps. 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
30
31
32
33
34
35

/* Progress component — determinate and indeterminate progress indicators */

.mui-progress {
  width: 100%;
  height: 0.625rem;
  background-color: var(--mui-bg-input);
  border-radius: var(--mui-radius-full);
  overflow: hidden;
  position: relative;
}

.mui-progress__bar {
  height: 100%;
  background-color: var(--mui-accent);
  border-radius: var(--mui-radius-full);
  transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Indeterminate state — animated sliding bar */
.mui-progress--indeterminate .mui-progress__bar {
  width: 40%;
  animation: mui-progress-slide 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

@keyframes mui-progress-slide {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(125%);
  }
  100% {
    transform: translateX(250%);
  }
}