Mist Flow

Create beautifully fluid, atmospheric backgrounds with Mist Flow. This customizable WebGL component brings soft, flowing color, ambient light, and subtle texture to your Framer website.

Features:

• 12 color presets: Ocean, Aurora, Sky, Cloud, Sunset, Midnight, Ice, Dream, Nebula, Emerald, Lavender, and Mono.

• Custom color palettes: Fine-tune five colors to create a look that fits your brand.

• Fluid animation controls: Adjust speed, direction, scale, flow strength, and diffusion.

• Interactive movement: Add pointer-responsive effects and optional scroll-based parallax.

• Dynamic lighting: Customize moving light, ambient glow, and light intensity.

• Atmospheric details: Control film grain, noise, vignette, contrast, brightness, and color intensity.

• Flexible composition: Adjust layers, opacity, and corner radius.

• Reduced-motion support: Respects the visitor’s reduced-motion preference.

Make your background feel less static and more alive.