Colored Fog Effect
Add a dynamic, fully-customizable procedural fog to your site. A lightweight, performant WebGL effect that brings atmospheric depth and vibrant color to any design.
Make it with Workshop
Build your own component with AI
About this Component
Bring your designs to life with a stunning, procedural colored fog effect. Built from the ground up for performance and customization, this component uses the power of WebGL to generate a unique, smoky, and atmospheric visual that continuously evolves. It's the perfect way to add a touch of magic and dynamic energy to any section of your site.
Fully Customizable: Take complete control over the look and feel. Adjust the entire color palette and opacity with four distinct color properties (Base, Lowlight, Midtone, and Highlight) to match your brand.
Zoom & noise Control: Fine-tune the fog's appearance with intuitive sliders for zoom level and noise, allowing for everything from sharp, wispy smoke to soft, ambient clouds.
100% Responsive: Seamlessly adapts to any container or screen size.
Framer-Ready: Designed for robust, hassle-free integration with Framer.
Different Values - Differnt Effects : with the right values it call look like fog / mist / running water.
Contact us for support if needed
