Gradient Grid Background

A blue top-to-bottom gradient with a tight square grid pattern.

Installation

text

Add the gradient-grid-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-grid-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 { GradientGridBackground } from "@/components/hangry-ui/shader/gradient-grid-background";

<GradientGridBackground />

Props

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

Dependencies

No additional packages required.