Micro Slats
A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.
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-TWRelated 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
A GPU-driven wind sculpture of folded foil shards that responds to the pointer.