BlurryShapes

An animated background component with moving blurry shapes.

Content over shapes

Installation

bunx --bun shadcn@latest add undefined/r/BlurryShapes.json

Usage

import { BlurryShapes } from "@/components/BlurryShapes"

<div className="relative w-full h-[400px] overflow-hidden">
  <BlurryShapes />
  <div className="relative z-10">Content over shapes</div>
</div>

API Reference

Prop	Type	Default	Description
`className`	`string`	-	Optional class name for the container.