Interactive Balloons is a visually rich 3D component built with Three.js, designed for immersive hero sections, celebrations, and playful interfaces. It combines smooth animation, responsive layout behavior, and real-time interaction.
Key Features
Realistic floating motion with spring physics
Mouse/touch interaction with repulsion effect
Balloon-to-balloon collision system
Optional gravity mode (float up or fall down)
Hover glow with dynamic lighting
Confetti (sprinkles) animation with duration control
Smooth string rendering with bezier curves
Responsive scaling across screen sizes
Customization Options
Balloon count, size, and spacing
Custom color palette
Toggle strings and adjust color
Enable/disable sprinkles with timing control
Adjust physics (stiffness, damping, repulsion)
Control hover light intensity
Background color support
Use Cases
Hero sections with interactive visuals
Celebration or announcement pages
Landing pages needing playful motion
Portfolio or experimental UI showcases