Blur Blob Background

Backgrounds

Blurred animated blobs background

blurbloborganic

Installation

npx shadcn@latest add https://nonaxial.com/r/blur-blob-bg.json

Usage

tsx

import { BlurBlobBg } from "@/components/nonaxial/blur-blob-bg"

export default function Example() {
  return (
    <BlurBlobBg>{/* Your content here */}</BlurBlobBg>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—