Built an Elemental Download Button Animation in Flutter (Water, Fire & Acidic)

Built an Elemental Download Button Animation in Flutter (Water, Fire & Acidic)

I've been exploring Flutter button animations recently, and this is Episode 02 of the series.

This one is an Elemental Download Button with Water, Fire and Acidic themes, built entirely using Flutter's built-in animation APIs—no third-party animation packages.

The GitHub repository is linked in the video description and the pinned comment.

I'd love to hear your thoughts. Which variant do you like the most, and what would you improve?

youtube.com
u/Tush_TechGeek — 7 days ago
▲ 14 r/mobiledev+2 crossposts

Built a Morphing Share Button in Flutter without any third-party packages

I've been experimenting with Flutter animations recently and started building a collection of button animation concepts.

Demo:
https://youtube.com/shorts/tvy5TOn-vac

This one is a Morphing Share Button built entirely with Flutter.

Animation flow:

• Share button
• Morph into a circle
• Expand social actions
• Selection state
• Confirmation animation

Built using:

• AnimationController
• Tween Animations
• Curved Animations
• Staggered Animations

No third-party packages.

Would love feedback on the animation flow and what could make it feel even smoother.

u/Tush_TechGeek — 12 days ago

Built the iOS 27 Liquid Glass navbar with intensity slider in Flutter — zero dependencies

Apple announced the Liquid Glass intensity slider at WWDC

2026 with iOS 27. I built the same thing in Flutter.

What's inside:

→ Custom GLSL shader for the refraction and blur effect

→ Intensity slider from 0.0 (Ultra Clear) to 1.0 (Tinted)

→ Spring animation for the active tab indicator

→ Zero dependencies — Flutter core APIs only

→ Works on Android, iOS

Planning to publish as a package on pub.dev. Drop any

feedback before I do — especially from people who've

tested on iOS, since I've only tested on Android so far.

u/Tush_TechGeek — 21 days ago

Built the iOS 27 Liquid Glass navbar with intensity slider in Flutter — zero dependencies

https://youtube.com/shorts/abf71bfXmJk?si=fn2KfugaDKlMxGsi

Apple announced the Liquid Glass intensity slider at WWDC

2026 with iOS 27. I built the same thing in Flutter.

What's inside:

→ Custom GLSL shader for the refraction and blur effect

→ Intensity slider from 0.0 (Ultra Clear) to 1.0 (Tinted)

→ Spring animation for the active tab indicator

→ Zero dependencies — Flutter core APIs only

→ Works on Android, iOS

Planning to publish as a package on pub.dev. Drop any

feedback before I do — especially from people who've

tested on iOS, since I've only tested on Android so far.

u/Tush_TechGeek — 21 days ago

Flutter animations — Build 3D cube scroll, parallax and liquid glass from scratch

I spent a weekend building an Android Version Museum in Flutter to understand animations properly — not just use them.

Covered 3D cube transitions with Matrix4, parallax scroll driven by PageController page, and glassmorphism. No animation packages — just Flutter's core APIs.

Wrote up everything I learned, including the actual implementation details as:
What I Learned Exploring Flutter Animations

reddit.com
u/Tush_TechGeek — 25 days ago

Built a small Flutter experiment recently: an Android Version Museum.

The idea was simple:

Instead of scrolling through Android versions as a list, what if they felt more like an interactive museum experience?

Some things I experimented with:

• Vertical page-based navigation
• Full-screen immersive layouts
• Custom animations & transitions
• Motion-driven UI interactions

Curious what you'd improve or build differently?

u/Tush_TechGeek — 28 days ago