Components
npx shadcn@latest add https://21st.dev/r/meghtrix/background-gradient-glowLoading preview...
// This is file of your component
// You can use any dependencies from npm; we import them automatically in package.json
import { cn } from "@/lib/utils";
import { useState } from "react";
export default function Component() {
const [count, setCount] = useState(0);
return (
<div className="min-h-screen w-full relative">
{/* Lavender Blush Flow Gradient (Top Left to Bottom Right) */}
<div
className="absolute inset-0 z-0"
style={{
background: `linear-gradient(135deg, #E1BEE7 0%, #F3E5F5 20%, #FCE4EC 40%, #FFF0F5 60%, #F8BBD9 80%, #E1BEE7 100%)`,
}}
/>
{/* Your Content/Components */}
</div>
);
};
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...