Astra

Micro Slats

A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.

Micro Slats, a Astra component

Use Micro Slats in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/MicroSlats-TS-TW
How to install Astra components

Related components

  • Pattern Waves

    A lit halftone surface of dots, lines or glyphs that moves like draped silk.

  • Shape Waves

    A field of triangles, circles and squares that brighten and grow along rolling waves.

  • Aero Shards

    Silk ribbons of thick glass shards streaming on layered depths among survey markers, catching light along their edges.