---
title: "Smoke FX — Framer component · Best of Framer"
description: "$3.00 · Framer component · by BasePixel · Backgrounds. Smoke hero & section background effect"
canonical: "https://framer.elliotli.dev/component/smoke-effect"
---

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

# Smoke FX

Smoke hero & section background effect

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

![Smoke FX preview image 1](https://framer.elliotli.dev/og/component/smoke-effect/09370e939d33ab26/1600x1200.jpg)

## Summary

Smoke hero & section background effect

## Description

This Framer smoke effect background component is designed for modern hero and section backgrounds where you want atmosphere. A creative alternative to a standard light effect. The smoke flows in smooth layers, adding depth and a creative, cinematic film noir feel to any layout.

### Where You Can Use It

-   Hero and footer backgrounds, CTA sections
    
-   Subtle motion behind product shots or UI mockups
    
-   Technology, SaaS, creative, or AI themed landing pages
    
-   Dark mode pages or goth style
    
-   Landing pages where you want a mysterious smoke or fog effect
    
-   Works great on black and white designs
    
-   Anywhere else where you want a unique smokey effect
    

### Features

-   Smoke color controls
    
-   Customizable speed
    
-   Customizable wind
    
-   Adjustable size
    
-   Adjustable blur
    
-   Opacity controls to make it either subtle or dramatic
    
-   Optimized for smooth performance in Framer
    

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

-   All · #2559

## Details

- **Author**: BasePixel
- **Price**: $3.00
- **Published**: 2026-02-13
- **Updated**: 2026-06-13
- **Added**: 2026-02-05
- **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