Lightweight, interactive particle hover component that reacts in real time to cursor movement.As you hover over the component, particles subtly repel from the mouse, creating a smooth anti-gravity effect that adds depth, motion, and visual interest to any layout.
Built with flexibility in mind, Antigravity is fully customizable to match your design system and creative needs. You can easily adjust particle colors and background colors, change particle size and shape, and fine-tune how particles behave when interacting with the cursor — from soft, fluid movement to more dynamic, energetic reactions.
Whether you’re designing a modern landing page, a hero section, or an experimental UI, Antigravity lets you add motion and personality without sacrificing performance or control.
Fully customizable particle colors and background
Adjustable particle size and particle type
Customizable hover behavior and interaction strength
Smooth, performant cursor-reactive animation
Easy to integrate into any Framer project
Lightweight, interactive particle hover component that reacts in real time to cursor movement.As you hover over the component, particles subtly repel from the mouse, creating a smooth anti-gravity effect that adds depth, motion, and visual interest to any layout.
Built with flexibility in mind, Antigravity is fully customizable to match your design system and creative needs. You can easily adjust particle colors and background colors, change particle size and shape, and fine-tune how particles behave when interacting with the cursor — from soft, fluid movement to more dynamic, energetic reactions.
Whether you’re designing a modern landing page, a hero section, or an experimental UI, Antigravity lets you add motion and personality without sacrificing performance or control.
Fully customizable particle colors and background
Adjustable particle size and particle type
Customizable hover behavior and interaction strength
Smooth, performant cursor-reactive animation
Easy to integrate into any Framer project
