Interactive Balloons — 3D floating balloons with sparkles

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