Updated: Gradient Blinds
By Steven Van ·
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, has been updated 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
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →