Linear Gradient Background

A simple top-to-bottom gradient background.

Installation

text

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

<LinearGradientBackground />

Props

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

Dependencies

No additional packages required.