React Bits

Iridescence

Liquid iridescent surface with shifting folds that you can stir with the cursor.

Iridescence, a React Bits component

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

Related components

  • Grainient

    Flowing grainy gradients you can stir with the cursor.

  • Ballpit

    A soft-lit pit of physics balls you can shove with the cursor, grab, throw and blast apart.

  • Lightning

    Crackling, branching lightning that bends toward the cursor and strikes wherever you click.