Astra

Gradient ASCII

Soft gradient glows drawn in ASCII characters that scramble under the cursor.

Gradient ASCII, a Astra component

Use Gradient ASCII 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/GradientASCII-TS-TW
How to install Astra components

Related components

  • Liquid Chrome

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

  • Topography

    A 3D landscape drawn in glowing contour lines that rises under the cursor, with light pulses on click.

  • Aurora

    A soft, calm aurora that flows across the top of the page and drifts toward the cursor.