Smoke BG

Smoke effect with mouse follow.

This smoke background component creates a fluid, animated smoke effect with full customization options. You can adjust the smoke and background colors independently, control animation speed, and modify the smoke’s scale and turbulence for different visual styles. The component includes six interactive mouse effects: disperse pushes smoke away from the cursor, attract pulls it toward the cursor, swirl creates rotating patterns, ripple generates concentric waves, vortex produces spiral effects, and wave creates undulating movements. Each effect has an adjustable radius to control the interaction area. Performance is optimized through WebGL2 hardware acceleration, ensuring smooth 60fps animation with minimal CPU usage. All parameters update in real-time, allowing you to fine-tune the effect directly in the Framer canvas. The component is fully responsive and works at any size, making it perfect for hero sections, backgrounds, or creative overlays.

Smoke effect with mouse follow.