---
title: "Bubbles on Hover — Framer component · Best of Framer"
description: "$7.00 · Framer component · by RoHaiL Shaheen · Backgrounds. Move your cursor or click to interact"
canonical: "https://framer.elliotli.dev/component/bubbles-on-hover"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Bubbles on Hover

# Bubbles on Hover

Move your cursor or click to interact

[View on Framer](https://framer.com/marketplace/components/bubbles-on-hover/?via=elliot-li)

![Bubbles on Hover preview image 1](https://framer.elliotli.dev/og/component/bubbles-on-hover/941e036f550dce4e/1600x1200.jpg)

## Summary

Move your cursor or click to interact

## Description

This Framer component transforms your cursor into a dynamic bubble effect, making interactions on your site or app more engaging and playful. Each bubble responds to mouse movement and hover states, creating a smooth, lively animation that draws attention without overwhelming the interface.

**Features & Customization:**

-   **Color Control:** Choose any color or gradient for your bubbles to match your design.
    
-   **Size Control:** Adjust the maximum and minimum bubble sizes for subtle or bold effects.
    
-   **Count Control:** Set the number of bubbles generated per movement to balance performance and visual impact.
    
-   **Speed Control:** Fine-tune the movement speed for fast, energetic bursts or slow, calming flows.
    
-   **Hover Delay:** Customize the delay before bubbles react to cursor hover, creating a natural interactive feel.
    
-   **Responsive Design:** Works seamlessly on any screen size or layout, maintaining smooth animations.
    

Perfect for portfolios, interactive web experiences, and playful UI/UX designs. Ideal for designers looking to add subtle motion and engagement cues without writing custom code.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9191

## Details

- **Author**: RoHaiL Shaheen
- **Price**: $7.00
- **Published**: 2026-03-12
- **Updated**: 2026-03-17
- **Added**: 2026-03-04
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background