---
title: "Rainy Window — Framer component · Best of Framer"
description: "$8.00 · Framer component · by THE DESIGN FUTURIST · Backgrounds. A rainy-window effect for Framer"
canonical: "https://framer.elliotli.dev/component/rainy-window"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Rainy Window

# Rainy Window

A rainy-window effect for Framer

[View on Framer](https://framer.com/marketplace/components/rainy-window/?via=elliot-li)

![Rainy Window preview image 1](https://framer.elliotli.dev/og/component/rainy-window/a8aedac3b6d8868a/1600x1200.jpg)

## Summary

A rainy-window effect for Framer

## Description

Remember drawing on a misty window with your finger on a rainy day? Bring that same interaction to your Framer website. Fine-tune the effect with extensive controls for rain, mist, and more.

\*Built with a modified version of [raindrop-fx](https://github.com/SardineFish/raindrop-fx) by [SardineFish](https://github.com/SardineFish). Modified from the original. Includes MIT- and Apache-2.0-licensed code.

### **Customizable Properties**

1.  Image
    

1.  Rain
    

-   Amount
    
-   Max Size
    
-   Flow Mode
    
-   Flow Speed
    
-   Direction
    
-   Slant
    

1.  Micro Drops
    

-   Enabled
    
-   Amount
    
-   Scale
    

1.  Mist
    

-   Control
    
-   Amount
    
-   Build Up
    
-   Recovery
    

1.  Wipe
    

-   Enabled
    
-   Width
    
-   Hold
    
-   Warm Trace
    
    \- Enabled
    
    \- Amount
    
    \- Fade
    

1.  Performance
    

-   Quality
    

### **Have Questions?**

**hello@thedesignfuturist.zip**

### **Discover More Resources**

[**https://thedesignfuturist.zip**](https://thedesignfuturist.zip)

## Rank history [How rankings work →](/terms#rankings)

-   All · #1178

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $8.00
- **Published**: 2026-09-10
- **Updated**: 2026-09-10
- **Added**: 2026-09-10
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background