React Bits

Liquid Chrome

Soft ribbons of liquid chrome that swirl through a dark pool, ripple under the cursor and catch the light as it moves.

Liquid Chrome, a React Bits component

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

Related components

  • Beams

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

  • Plasma

    Folds of satin light twisting slowly through the dark, turning to follow the cursor.

  • Web Threads

    Glowing threads woven through luminous pinch points that light up under the cursor and carry light on click.