Skip to content
Mitra/ labUnaudited · testnet

Component lab

The parts Mitra is built from.

Each component on its own page, with its props and its reduced-motion behaviour. Turn on “reduce motion” in your system settings to see every fallback.

  1. HeroStatueDithered statue behind pointer-following glass slats, with a glyph visor and dive disc.
  2. TextVortexTunnel of text rings with dotted guides; turns with scroll, charges on hold, rushes forward on release.
  3. DitherImageRuntime ordered dithering on a canvas: cell size, pattern, curve, colour.
  4. RollTextOdometer hover label: each letter spins through glyphs and lands back. Buttons and links.
  5. EyebrowUppercase mono label with a square bullet.
  6. SectionIndexNumbered markers: 001 / and Q.001 /.
  7. ChipSmall uppercase tags.
  8. MonoCardDark card with dithered image, chips and mono text.
  9. CodeCardWhite code card with window dots and a RUN button.
  10. TokenCardDithered thumbnail that crossfades to the original image on hover.
  11. SmoothScroll + RevealLenis scrolling, anchor links and scroll reveals.
  12. PageTransitionGlyph-blob overlay that covers the page, navigates and reveals.