Bubble (React)

component

A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/bubble-react.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Bubble (React) – shadcn/ui Component by canvas-ui | shadcnregistry

Registries
canvas-ui
Bubble (React)

Bubble (React)

component

A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/bubble-react.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

components/canvasui/Bubble.tsx