Footer✦ Figma File Included✦ Figma Included

Interactive 3D Ballpit Horizon Footer

Interactive 3D physics-based Ballpit background canvas reacting to mouse gravity with variable typography.

$19

Buy Component↗Live Demo ↗

Includes matching standalone .fig design file

Interactive Motion ShowcaseNext.js, Three.js, Tailwind v4

About this component

A design-forward, typography-driven footer featuring an interactive 3D physics-based Ballpit background canvas. Balls scatter and collide based on user cursor velocity.

Features

✓Interactive 3D physics ballpit engine with cursor gravity forces
✓Variable-font typography layout with clean sitemap hierarchy
✓Smooth 60fps canvas loop with automatic device throttling
✓Comprehensive mobile touch support

Technologies

Next.jsThree.jsTailwind v4

What is included

•Figma source design file (.fig) included
•Full Next.js footer component & Ballpit physics engine
•Custom font setups and token configurations
•Commercial license