FlareStart
HomeNewsHow ToSources
FlareStart

Where developers start their day. All the tech news & tutorials that matter, in one place.

Quick Links

  • Home
  • News
  • Tutorials
  • Sources
  • Privacy Policy

Connect

© 2026 FlareStart. All rights reserved.

Back to articles
I Made It Rain on Your Flutter Screen (Literally)
NewsTools

I Made It Rain on Your Flutter Screen (Literally)

via Dev.toAzeem Hassan4h ago

It was raining. I had nothing specific to work on. I had this idea for a rain-on-glass effect — drops with reflections, physics, wind — and thought: this doesn't exist for Flutter. Six nights later, it does. rainy_day is a Flutter package that renders a hyper-realistic rain-on-glass effect over any background image you give it. Falling drops. Reflections inside every drop. Collisions. Wind gusts. Accelerometer-driven parallax. One widget, one line. This is the story of how I built it and what actually made it hard. What it looks like Drop this into your widget tree: RainWidget ( backgroundAsset: 'assets/images/background.jpg' , blur: 10 , fps: 60 , enableCollisions: true , gravityThreshold: 3 , windIntensity: 1.5 , rainPresets: [ RainPreset ( 3 , 3 , 0.88 ), RainPreset ( 5 , 5 , 0.90 ), RainPreset ( 6 , 2 , 1.00 ), ], ) And your screen becomes this: That's the whole API surface. Everything has sensible defaults. You don't need to manage a ticker, handle images, or touch a single canvas

Continue reading on Dev.to

Opens in a new tab

Read Full Article
0 views

Related Articles

News

I developed an app to download media from social media, check it out.

Reddit Programming • 3h ago

News

Wastrel milestone: full hoot support, with generational gc as a treat

Lobsters • 3h ago

News

Environment variables are a legacy mess: Let's dive deep into them

Reddit Programming • 4h ago

News

How NASA Built Artemis II’s Fault-Tolerant Computer

Reddit Programming • 5h ago

But what about K?
News

But what about K?

Lobsters • 5h ago

Discover More Articles