Components
Loading preview...
Sophisticated gradients meet subtle textures for modern interfaces.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/elegant-dark-patternimport { DarkGradientBg } from "@/components/ui/elegant-dark-pattern"
export default function Home() {
return (
<DarkGradientBg>
<div className="flex items-center justify-center min-h-screen">
<div className="text-center space-y-6 p-8">
<h1 className="text-4xl font-bold text-white">Dark Gradient Background</h1>
<p className="text-lg text-gray-300 max-w-md">
A clean, dark gradient background with subtle patterns and textures.
</p>
</div>
</div>
</DarkGradientBg>
)
}