Bubble Field
A grid of outline circles that burst on hover — each expanding and fading like a soap bubble popping, then reforming, with a soft pastel blue palette.
BackgroundsCanvasInteractive
Bubble Fieldhover to burst
Add to your project
One command adds this component to your project.
1
Run the following command:
npx shadcn@latest add "https://aicanvas.me/r/bubble-field.json"2
For dark mode, add the dark class to your <html> element:
<html class="dark">
