Backgrounds

Gradient

Wordmarks

Gradient ASCII Background

Animated ASCII characters illuminated by a shifting neon gradient.

Animated ASCII characters illuminated by a shifting neon gradient.

Installation

Add the gradient-ascii-background component from Hangry UI to this project.

Use the project's package manager to run:
shadcn@latest add https://ui.razeev.com/r/gradient-ascii-background.json

Integrate the component with the existing layout and styling.
Keep its interactions and reduced-motion support intact.

How to use

1import { GradientAsciiBackground } from "@/components/hangry-ui/shader/gradient-ascii-background";
2
3<GradientAsciiBackground className="grid place-items-center p-12">
4  <h2 className="typography-section-title text-white">Gradient signal.</h2>
5</GradientAsciiBackground>;

Dependencies

vgpu