Components
Loading preview...
Animated mesh gradient shader background, ideal for hero sections and decorative elements.
@nlace-com
npx shadcn@latest add https://21st.dev/r/nlace-com/mesh-gradient-shader// Demo for the NLACE Mesh Gradient background component
import { MeshGradient } from "@/components/ui/mesh-gradient-shader";
export default function DemoOne() {
return (
<div style={{ position: "relative", width: "100%", height: "100vh" }}>
<MeshGradient speed={10} intensity={2} grain={0.75} />
</div>
);
}