Render beautiful, dynamic volumetric clouds. Highly optimized for performance. Customize speed, camera angles, and a full color palette to fit your design.
Make it with Workshop
Build your own component with AI
This component renders a dynamic, high-performance volumetric cloudscape using WebGL. It is built with adaptive resolution and advanced shader optimizations to ensure a smooth frame rate on all devices. The animation is fully interactive and customizable through the property controls.
Customization Options
Animation Control: Adjust the Speed of cloud movement and set a maxFPS target to manage performance, especially on mobile.
Camera & Interaction: Modify the Camera Angle X/Y for different perspectives and control the Mouse Effect Strength to define how much the scene reacts to cursor movement.
Color Palette: Full creative control over the scene's aesthetic with customizable properties for sky, cloud, shadow, sun, glare, and sunlight colors.
Contact me for support or about component creation in general :)
Live Demo : https://abovetheclouds.framer.website