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">
{/* Cotton Candy Sky Gradient */}
<div
className="absolute inset-0 z-0"
style={{
background: `linear-gradient(45deg, #FFB3D9 0%, #FFD1DC 20%, #FFF0F5 40%, #E6F3FF 60%, #D1E7FF 80%, #C7E9F1 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...