React Bits

Gradient ASCII

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

Gradient ASCII, a React Bits 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 React Bits 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.