SVG Gradient Background

A neon SVG gradient card with blurred magenta bands, a white glow, and a tilted tile texture.

Installation

text

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

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

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

How to use

Import the component and add it to your page.

tsx

import { SvgGradientBackground } from "@/components/hangry-ui/shader/svg-gradient-background";

<SvgGradientBackground />

Props

Prop	Type	Default	Description
Native props	`ComponentProps`	—	Accepts the native props documented by the component source.

Dependencies

No additional packages required.