About Fluffy Clouds Plus
Use code: CLOUDS30
for 30% discount for the first 30 users
View and edit controls live! 👉 https://fluffyclouds.framer.media/
A fully optimized WebGL-based cloud background component that adds soft, atmospheric motion to landing pages, portfolios, creative websites.
Highlights
Soft animated clouds: creates a calm, airy background effect with gentle motion and depth.
WebGL-powered visuals: feels richer and more immersive than a static image or flat gradient
Customizable atmosphere: tweak the overall look to suit bright, minimal, playful, or cinematic layouts.
Works across layouts: suitable for hero sections, dividers, content bands, and full-screen backgrounds.
Responsive by nature: adapts cleanly across desktop, tablet, and mobile compositions.
Framer-friendly setup: built as a drop-in component for quick visual enhancement without a complicated setup.
Controls
Density – control how full or airy the clouds appear.
Opacity – adjust the visibility of the cloud layer.
Seed – generate different cloud variations instantly.
Speed – set the pace of the animation.
Rotation – change the direction and angle of the cloud flow.
Scale – resize the cloud formations for broader or tighter compositions.
Shadows – add depth and contrast to the darker areas.
Highlights – fine-tune the brighter areas for a softer or more luminous look.
Sky Color High – customize the top color of the sky gradient.
Sky Color Low – customize the bottom color of the sky gradient.
How to use
Drop Fluffy Clouds into a Framer page as a full width, 100vh section.
Adjust the colors, motion, and density to match your page style and brand mood.
Layer text, UI, or imagery above it to create a focus.
Support
Questions, feedback, or setup issues? Reach out and I’ll help you get Fluffy Clouds working nicely in your Framer project.
Refund policy
You are eligible for a full refund only if the component does not work as advertised and the issue cannot be resolved. Refunds will not be issued for any other reason.
