---
title: "Reactive Balls — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Iri Codes · Effects. Bring life and motion to your Framer site with Reactive Balls — a playful physics-based component that reacts to your mouse in real time."
canonical: "https://framer.elliotli.dev/component/reactive-balls"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Reactive Balls

# Reactive Balls

Interactive physics balls with effects

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

![Reactive Balls preview image 1](https://framer.elliotli.dev/og/component/reactive-balls/43e5ade7d54a9fbb/1600x1200.jpg)

## Summary

Bring life and motion to your Framer site with Reactive Balls — a playful physics-based component that reacts to your mouse in real time.

## Description

Bring life and motion to your Framer site with **Reactive Balls** — a playful physics-based component that reacts to your mouse in real time.

You can choose between **one and five** fully customizable balls that bounce off walls, collide with each other, and move naturally as you interact. Each ball can be styled individually: use gradients, radial colors, or even custom images. Add glow, blur, pulse effects, and fine-tune their hitbox for perfect control.

It’s ideal for interactive backgrounds, hero sections, or simply adding a sense of motion and personality to your page.

**Features:**• Realistic physics with collision, friction, and bounce• Five style types: Solid, Gradient, Radial, Pattern, Image• Glow, Blur, and Pulse animations• Mouse interaction with adjustable force• Independent control for each ball• Optional debug mode to visualize hitboxes• **Supports up to 5 balls**

Bring a bit of controlled chaos to your canvas — make your UI move and feel alive.

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

-   All · #10750

## Details

- **Author**: Iri Codes
- **Price**: $3.00
- **Published**: 2025-10-23
- **Updated**: 2026-04-09
- **Added**: 2025-10-14
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows