React Smoke Background
Cinematic volumetric smoke background for React and Next.js — soft billowing plumes drift upward and curl sideways over a near-black stage, evoking horror atmosphere, stage fog, and chimney plumes.
React Smoke Background preview
A slow exhale of volumetric smoke rising across the viewport — deep, soft, and cinematic, the kind of atmosphere you feel before you notice it. Dozens of radial puffs spawn at the baseline, climb with easing velocity, and curl sideways through a noise-perturbed drift while a GPU blur fuses them into a single breathing plume. Hand-written in vanilla canvas with a single RAF loop, zero dependencies, and an elapsed-time clock that survives resize and tab-switch — so the smoke keeps its shape. Tuned for horror pitches, film-festival landing pages, stage-lit SaaS heroes, late-night portfolios, and anywhere a background should read as weight rather than wallpaper.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:
use shadcnio to install the smoke background into my projectRelated Components
Fog
Thin horizontal mist layers
Aurora
Emerald northern-lights sheets
Nebula
Colored cosmic clouds with stars
Mesh Gradient
Stripe/Linear-style blurred blobs
Light Waves
Ambient vertical color washes
Particles
Interactive drifting dots
FAQ
Was this page helpful?
Sign in to leave feedback.