Shadcn.io is not affiliated with official shadcn/ui
React Fog Background
Atmospheric fog effect with soft layered mist drifting slowly across a moody scene
Soft, ethereal fog drifting through darkness—mysterious and cinematic. Large translucent layers flow horizontally at different speeds, creating that misty morning or mysterious night feeling. The effect is subtle and atmospheric, never busy or distracting. Works beautifully as an ambient layer over dark backgrounds. Perfect for luxury brands, horror themes, photography portfolios, or anywhere you want that premium atmospheric depth without overwhelming the content.
React Fog Background preview
Installation
Related Components
Aurora
Northern lights effect
Gradient
Flowing gradient blobs
Particles
Floating particle system
Bokeh
Soft light circles
Light Waves
Ambient wave animation
Rain
Atmospheric rainfall
FAQ
Was this page helpful?
Sign in to leave feedback.