# Updated: Gradient Blinds

By Steven Van · 2026-10-12

The React Bits background gains satin shading, a glow, a sway and a click-triggered light wave, with no extra dependencies.

Gradient Blinds, the satin-shaded background in [React Bits](<https://creatorstoolbox.com/resources/react-bits>), has been [updated](<https://reactbits.dev/backgrounds/gradient-blinds>) with a new look and a click interaction.

## What changed

- Satin shading on the blinds that turns with the light.

- A soft glow.

- A gentle sway.

- A cleaner light mode.

- A click sends a wave of light through the blinds.

## Dependencies and install

The component needs no extra dependencies. It can be added with npx shadcn@latest add @react-bits/GradientBlinds-TS-TW, and the page offers JavaScript or TypeScript variants with plain CSS or Tailwind.

The component is described as satin blinds lit by a spotlight that follows the cursor, swaying and turning toward the light.

![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/backgrounds/gradient-blinds>)

[Read Updated: Gradient Blinds on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-gradient-blinds>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-gradient-blinds