Components
Warp
Animated color fields warped by noise and swirls over base patterns (checks, stripes, or split edge). Blends many colors with adjustable distribution, softness, distortion, and swirl. Great for fluid, smoky, or marbled effects.
import { ShaderBackground } from "@/components/ui/warp"
export default function ShaderBackgroundDemo() {
return (
<div className="relative h-screen w-full overflow-hidden">
<ShaderBackground className="h-full w-full" />
</div>
)
}