Astra

Liquid Ether

A glowing liquid that swirls under the cursor, colored by how fast it flows.

Liquid Ether, a Astra component

Use Liquid Ether 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/LiquidEther-TS-TW
How to install Astra components

Related components

  • Faulty Terminal

    A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.

  • Liquid Chrome

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

  • Sliced Waves

    Waves of colored light sliced into glowing bars, seen in depth with a focus that follows the cursor.