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">
{/* Aurora Silk Fade Gradient */}
<div
className="absolute inset-0 z-0"
style={{
background: `linear-gradient(150deg, #B39DDB 0%, #D1C4E9 20%, #F3E5F5 40%, #FCE4EC 60%, #FFCDD2 80%, #FFAB91 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...