---
title: "Smoke BG — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Talha Manzoor · Backgrounds. Smoke effect with mouse follow."
canonical: "https://framer.elliotli.dev/component/smoke-bg"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Smoke BG

# Smoke BG

Smoke effect with mouse follow.

[View on Framer](https://framer.com/marketplace/components/smoke-bg/?via=elliot-li)

![Smoke BG preview image 1](https://framer.elliotli.dev/og/component/smoke-bg/ba0f7929c529a878/1600x1200.jpg)

## Summary

Smoke effect with mouse follow.

## Description

**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.**

## Rank history [How rankings work →](/terms#rankings)

-   All · #7329

## Details

- **Author**: Talha Manzoor
- **Price**: $6.00
- **Published**: 2026-06-06
- **Updated**: 2026-06-19
- **Added**: 2026-06-04
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background