Astra

Gradient Blinds

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

Gradient Blinds, a Astra 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 Astra 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.