component

Rainclouds Animation

By Aidan Looker

Details

Aidan LookerAuthor
componentType
2026-01-07Published
2026-06-13Updated
2025-12-24Added
SectionsCategories

Summary

🌧️ Realistic Rainclouds Animation Transform hero sections with: Layered rain streaks (wind physics, variable sizes) Procedural clouds (heavy base + wispy tops, depth parallax)…

Description

🌧️ Realistic Rainclouds Animation Transform hero sections with: Layered rain streaks (wind physics, variable sizes) Procedural clouds (heavy base + wispy tops, depth parallax) Puddle reflections + wet sheen Lightning flashes (heavy rain) Visual Controls Rain Intensity (0-100%) Cloud Density (0-100%) Wind Speed (-2 to +2) Drop Speed (0.5-3x) Cloud Speed (0.2-1.5x) Sky gradient Questions or custom requests? We design and build custom Framer components. Get in touch at contact@teampixel.com.au .

Introduction

Realistic rain + cloud physics

Rank history

Daily rank per list, from the first snapshot — lower is better.

All · #4893