Dot Pattern

SVG dot grid backdrop with optional radial fade.

Backdrops that behave

Installation

npx shadcn@latest add https://super-ai-components.vercel.app/r/dot-pattern.json

Requires a shadcn app on Base UI (style base-nova). Radix-based styles such as new-york fail to typecheck: these components use Base UI's render prop and callbacks like onOpenChangeComplete, which Radix primitives do not have.