Sliced Waves

Waves of colored light sliced into glowing bars, seen in depth with a focus that follows the cursor.

Use Sliced Waves 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/SlicedWaves-TS-TW

Related components

• Gradient Waves

  Lit satin waves rolling in from a hazy horizon, with a light that follows the cursor and swells on click.

• Beams

  Glossy ribbons that ripple in the dark and catch the light, which follows your cursor.

• Dot Field

  A gradient dot field seen through a lens that follows the cursor, magnifying, pinching or swirling the dots.