React Bits

Gradient Blinds

Satin gradient blinds lit by a spotlight that follows the cursor, swaying and turning toward the light.

Gradient Blinds, a React Bits component

Use Gradient Blinds 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/GradientBlinds-TS-TW
How to install React Bits components

Related components

  • Gradient Waves

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

  • Plasma

    Folds of satin light twisting slowly through the dark, turning to follow the cursor.

  • Beams

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