Liquid Chrome

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

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

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.