---
title: "Smoke Background — Free Framer component · Best of Framer"
description: "Free Framer component · by Saadat Ali · Backgrounds. Animated Smoke Background"
canonical: "https://framer.elliotli.dev/component/smoke-background"
---

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

# Smoke Background

Animated Smoke Background

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

![Smoke Background preview image 1](https://framer.elliotli.dev/og/component/smoke-background/cb4e26b8c921ced2/1600x1200.jpg)

## Summary

Animated Smoke Background

## Description

\-----------------------------------------------------------------------------------------------

## Add More Premium Components To Your Projects:

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-g094t2v1-8wrj2R4JsfS8dz3uRkUmPxMk3a0JAx)](https://marketplace.framer.com/@saadat-ali-designsbysadat/)

## Uses

-   Hero section backgrounds
    
-   Landing page visual depth
    
-   Dark UI atmospheres
    
-   Interactive product pages
    
-   Creative portfolio sections
    

## Features

-   Dual-color smoke blending (shadow + highlight)
    
-   Adjustable speed, density, and scale
    
-   Directional wind (X/Y velocity control)
    
-   Turbulence for organic motion variation
    
-   Mouse-based parallax interaction
    
-   Seed control for unique variations
    
-   Smooth vignette for depth focus
    
-   Film grain to reduce color banding
    
-   Optimized with intersection + resize observers
    

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

-   All · #3565

## Details

- **Author**: Saadat Ali
- **Published**: 2026-04-28
- **Updated**: 2026-06-15
- **Added**: 2026-04-20
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background