React Bits

Silk

Flowing satin folds with glossy highlights that turn toward the cursor and ripple on click.

Silk, a React Bits component

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

Related components

  • Magnet Lines

    A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.

  • Beams

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

  • Gradient Blinds

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