Tim
@i.madethese.works
UX Engineer and one half of @whynotmake.it
Probably mainly #FlutterDev posts
Portfolio at i.madethese.works
Probably mainly #FlutterDev posts
Portfolio at i.madethese.works
Our talk on Physicality in UX has been uploaded to YouTube!
If you want to learn how to build physically driven interfaces in #FlutterDev check it out!
If you just want to learn about motor and why you should use it, skip to 19:00 🏎️
If you want to learn how to build physically driven interfaces in #FlutterDev check it out!
If you just want to learn about motor and why you should use it, skip to 19:00 🏎️
October 5, 2025 at 10:07 PM
Our talk on Physicality in UX has been uploaded to YouTube!
If you want to learn how to build physically driven interfaces in #FlutterDev check it out!
If you just want to learn about motor and why you should use it, skip to 19:00 🏎️
If you want to learn how to build physically driven interfaces in #FlutterDev check it out!
If you just want to learn about motor and why you should use it, skip to 19:00 🏎️
liquid_glass_renderer is still progressing nicely! This is entirely rendered in #Flutter at 2.2ms/frame, no overheating or frame drops.
It's still not ready for production, maybe I'll never call it that, but it's definitely cool to push what's possible :)
Physics by motor btw!
It's still not ready for production, maybe I'll never call it that, but it's definitely cool to push what's possible :)
Physics by motor btw!
October 2, 2025 at 3:06 PM
liquid_glass_renderer is still progressing nicely! This is entirely rendered in #Flutter at 2.2ms/frame, no overheating or frame drops.
It's still not ready for production, maybe I'll never call it that, but it's definitely cool to push what's possible :)
Physics by motor btw!
It's still not ready for production, maybe I'll never call it that, but it's definitely cool to push what's possible :)
Physics by motor btw!
By the way, motor 1.0 is out!
I'll be sharing more here soon once my FlutterCon talk is uploaded. We cooked up a bunch of cool examples and visualizations to show why motor is the best choice for orchestrating your #Flutter animations right now
I'll be sharing more here soon once my FlutterCon talk is uploaded. We cooked up a bunch of cool examples and visualizations to show why motor is the best choice for orchestrating your #Flutter animations right now
October 1, 2025 at 7:57 AM
By the way, motor 1.0 is out!
I'll be sharing more here soon once my FlutterCon talk is uploaded. We cooked up a bunch of cool examples and visualizations to show why motor is the best choice for orchestrating your #Flutter animations right now
I'll be sharing more here soon once my FlutterCon talk is uploaded. We cooked up a bunch of cool examples and visualizations to show why motor is the best choice for orchestrating your #Flutter animations right now
Okaayyy I'm gonna try to come back here!
Don't tell @kerberjg.bsky.social that it's basically just for her posts 🌝
Don't tell @kerberjg.bsky.social that it's basically just for her posts 🌝
September 22, 2025 at 9:55 AM
Okaayyy I'm gonna try to come back here!
Don't tell @kerberjg.bsky.social that it's basically just for her posts 🌝
Don't tell @kerberjg.bsky.social that it's basically just for her posts 🌝
We might have the coolest #FlutterDev counter app 🤭
April 26, 2025 at 1:35 PM
We might have the coolest #FlutterDev counter app 🤭
Also cute for loading spinners! (I'm tired of the same material spinner everywhere anyway 😅) #FlutterDev
April 15, 2025 at 8:08 AM
Also cute for loading spinners! (I'm tired of the same material spinner everywhere anyway 😅) #FlutterDev
#FlutterDev shaders and hand drawing are a super fun combination!
Check out this y2k liquid metal shader ⛓️
Check out this y2k liquid metal shader ⛓️
April 14, 2025 at 7:54 PM
#FlutterDev shaders and hand drawing are a super fun combination!
Check out this y2k liquid metal shader ⛓️
Check out this y2k liquid metal shader ⛓️
The Springster Example website now lets you select the motion for most of the examples! This is a great way to feel the advantages of simulations in #FlutterDev yourself.
Check them out here: whynotmake-it.github.io/rivership/#/...
Can't wait for this prerelease to drop pub.dev/packages/spr...
Check them out here: whynotmake-it.github.io/rivership/#/...
Can't wait for this prerelease to drop pub.dev/packages/spr...
April 11, 2025 at 4:15 PM
The Springster Example website now lets you select the motion for most of the examples! This is a great way to feel the advantages of simulations in #FlutterDev yourself.
Check them out here: whynotmake-it.github.io/rivership/#/...
Can't wait for this prerelease to drop pub.dev/packages/spr...
Check them out here: whynotmake-it.github.io/rivership/#/...
Can't wait for this prerelease to drop pub.dev/packages/spr...
Another #FlutterDev quiz: There is a subtle difference between these two implementations. Which one of them is more robust and why?
April 10, 2025 at 3:45 PM
Another #FlutterDev quiz: There is a subtle difference between these two implementations. Which one of them is more robust and why?
Niche flutter question: is there any way to force flutter not to bundle the assets from a certain package (at build time based on environment var)
Tree shaking the packages code is fine, but assets not so much #flutterdev
Tree shaking the packages code is fine, but assets not so much #flutterdev
April 9, 2025 at 3:15 PM
Niche flutter question: is there any way to force flutter not to bundle the assets from a certain package (at build time based on environment var)
Tree shaking the packages code is fine, but assets not so much #flutterdev
Tree shaking the packages code is fine, but assets not so much #flutterdev
#FlutterDev challenge:
Fade between two widgets, but never let anything behind them show, provided both had full opacity.
Parts that have 0.5 opacity in both should have 0.5 in the result.
Conceptually, each pixel should interpolate its color values between the widgets.
Fade between two widgets, but never let anything behind them show, provided both had full opacity.
Parts that have 0.5 opacity in both should have 0.5 in the result.
Conceptually, each pixel should interpolate its color values between the widgets.
April 3, 2025 at 6:02 PM
#FlutterDev challenge:
Fade between two widgets, but never let anything behind them show, provided both had full opacity.
Parts that have 0.5 opacity in both should have 0.5 in the result.
Conceptually, each pixel should interpolate its color values between the widgets.
Fade between two widgets, but never let anything behind them show, provided both had full opacity.
Parts that have 0.5 opacity in both should have 0.5 in the result.
Conceptually, each pixel should interpolate its color values between the widgets.
I believe package:heroine is shaping up to be one of the best ways to build fullscreen Container Transform transitions. I wanna refine it some more, so it's a prerelease for now, but check it out!
pub.dev/packages/her...
#FlutterDev
pub.dev/packages/her...
#FlutterDev
April 2, 2025 at 3:50 PM
I believe package:heroine is shaping up to be one of the best ways to build fullscreen Container Transform transitions. I wanna refine it some more, so it's a prerelease for now, but check it out!
pub.dev/packages/her...
#FlutterDev
pub.dev/packages/her...
#FlutterDev
One of the fun learnings from understanding the inner workings of AnimationController for the next springster update: Everything is represented as simulations internally, classic #FlutterDev animations are really just physics simulations that don't use the initial velocity
March 25, 2025 at 1:21 PM
One of the fun learnings from understanding the inner workings of AnimationController for the next springster update: Everything is represented as simulations internally, classic #FlutterDev animations are really just physics simulations that don't use the initial velocity
I just published an experimental update to the springster package and I would love some feedback on the API!
The main goal is to support more than just spring simulations.
I've tried to write it up nicely in the docs, but I'm not the best at it, so let me know if you see any issues ✨
#FlutterDev
The main goal is to support more than just spring simulations.
I've tried to write it up nicely in the docs, but I'm not the best at it, so let me know if you see any issues ✨
#FlutterDev
springster 1.0.0-dev.0 | Flutter package
Spring animations and simulations, simplified.
pub.dev
March 20, 2025 at 7:22 PM
I just published an experimental update to the springster package and I would love some feedback on the API!
The main goal is to support more than just spring simulations.
I've tried to write it up nicely in the docs, but I'm not the best at it, so let me know if you see any issues ✨
#FlutterDev
The main goal is to support more than just spring simulations.
I've tried to write it up nicely in the docs, but I'm not the best at it, so let me know if you see any issues ✨
#FlutterDev
Reposted by Tim
My animated_to package now introduces “spring simulation” version of AnimatedTo widget, AnimatedTo.spring()! This enables physics-based animation when child updates its position, which means so smooth and natural! Try this by importing the latest version of 0.3.1! pub.dev/packages/ani... #FlutterDev
March 20, 2025 at 10:20 AM
My animated_to package now introduces “spring simulation” version of AnimatedTo widget, AnimatedTo.spring()! This enables physics-based animation when child updates its position, which means so smooth and natural! Try this by importing the latest version of 0.3.1! pub.dev/packages/ani... #FlutterDev
Fun fact: Heroine can also be used to very easily build high fidelity page transitions, similar to what material calls "Container Transform", including Gesture support!
I'm planning to expand on that capability even further in the future, to make it more useful and customizable.
#flutterdev
I'm planning to expand on that capability even further in the future, to make it more useful and customizable.
#flutterdev
January 26, 2025 at 1:03 PM
Fun fact: Heroine can also be used to very easily build high fidelity page transitions, similar to what material calls "Container Transform", including Gesture support!
I'm planning to expand on that capability even further in the future, to make it more useful and customizable.
#flutterdev
I'm planning to expand on that capability even further in the future, to make it more useful and customizable.
#flutterdev
I built a spring-simulated POC of the amazing animated_to #FlutterDev package by @chooyan.bsky.social today.
Some things need to be ironed out still, but it took me 15 minutes to build using package:springster and works great already!
PR: github.com/chooyan-eng/...
Some things need to be ironed out still, but it took me 15 minutes to build using package:springster and works great already!
PR: github.com/chooyan-eng/...
January 22, 2025 at 9:50 PM
I built a spring-simulated POC of the amazing animated_to #FlutterDev package by @chooyan.bsky.social today.
Some things need to be ironed out still, but it took me 15 minutes to build using package:springster and works great already!
PR: github.com/chooyan-eng/...
Some things need to be ironed out still, but it took me 15 minutes to build using package:springster and works great already!
PR: github.com/chooyan-eng/...
✨ Heroine Update ✨
heroine 0.3.0 is here:
pub.dev/packages/her...
⛓️ You can now chain ShuttleBuilders for more complex animations – see the video for a combined flip + fade animation
💍 Less jank: in a few cases a bouncy spring would jump a little upon landing – now it's buttery smooth
heroine 0.3.0 is here:
pub.dev/packages/her...
⛓️ You can now chain ShuttleBuilders for more complex animations – see the video for a combined flip + fade animation
💍 Less jank: in a few cases a bouncy spring would jump a little upon landing – now it's buttery smooth
January 22, 2025 at 8:57 PM
✨ Heroine Update ✨
heroine 0.3.0 is here:
pub.dev/packages/her...
⛓️ You can now chain ShuttleBuilders for more complex animations – see the video for a combined flip + fade animation
💍 Less jank: in a few cases a bouncy spring would jump a little upon landing – now it's buttery smooth
heroine 0.3.0 is here:
pub.dev/packages/her...
⛓️ You can now chain ShuttleBuilders for more complex animations – see the video for a combined flip + fade animation
💍 Less jank: in a few cases a bouncy spring would jump a little upon landing – now it's buttery smooth
@tahatesser.com was right – golden tests using AnimationSheetBuilder are super fun!
More transitions and higher fidelity coming to package:heroine soon btw 👀
#FlutterDev
More transitions and higher fidelity coming to package:heroine soon btw 👀
#FlutterDev
January 22, 2025 at 8:08 PM
@tahatesser.com was right – golden tests using AnimationSheetBuilder are super fun!
More transitions and higher fidelity coming to package:heroine soon btw 👀
#FlutterDev
More transitions and higher fidelity coming to package:heroine soon btw 👀
#FlutterDev
It seems like a #flutterdev Widget can't reliably access, wether the route that it's in can be popped (see PopScope).
ModalRoute.of(context) doesn't notify listeners when its popDisposition changes 🤷
Thus, I can't disable the dismiss gestures in Heroine when a route doesn't want to be popped...
ModalRoute.of(context) doesn't notify listeners when its popDisposition changes 🤷
Thus, I can't disable the dismiss gestures in Heroine when a route doesn't want to be popped...
January 22, 2025 at 6:15 PM
It seems like a #flutterdev Widget can't reliably access, wether the route that it's in can be popped (see PopScope).
ModalRoute.of(context) doesn't notify listeners when its popDisposition changes 🤷
Thus, I can't disable the dismiss gestures in Heroine when a route doesn't want to be popped...
ModalRoute.of(context) doesn't notify listeners when its popDisposition changes 🤷
Thus, I can't disable the dismiss gestures in Heroine when a route doesn't want to be popped...
I check this #FlutterDev issue probably once a week… I‘ve contributed to the Framework before, but I have zero engine XP so I haven‘t dared to take a stab at it. Whoever fixes this is gonna be my absolute hero(ine)!
github.com/flutter/flut...
github.com/flutter/flut...
Flutter adds additional one frame touch latency compared to native · Issue #110431 · flutter/flutter
Bad Expected tracking-bad.mov tracking-expected.mov Repository: https://github.com/knopp/flutter_scroll_overlay When touch event is received, instead of immediately beginning a frame Flutter waits ...
github.com
January 13, 2025 at 9:58 PM
I check this #FlutterDev issue probably once a week… I‘ve contributed to the Framework before, but I have zero engine XP so I haven‘t dared to take a stab at it. Whoever fixes this is gonna be my absolute hero(ine)!
github.com/flutter/flut...
github.com/flutter/flut...
If I started porting #FlutterDev implicitly animated widgets over to spring simulations as part of springster, which ones would you like to see first? (anything that starts with Animated)
January 9, 2025 at 2:34 PM
If I started porting #FlutterDev implicitly animated widgets over to spring simulations as part of springster, which ones would you like to see first? (anything that starts with Animated)
Here we go! Meet ✨package:heroine✨
"this will be such an addictive #FlutterDev interaction"
-
@rydmike.com
More info and package link below 👇
"this will be such an addictive #FlutterDev interaction"
-
@rydmike.com
More info and package link below 👇
January 8, 2025 at 1:42 PM
Here we go! Meet ✨package:heroine✨
"this will be such an addictive #FlutterDev interaction"
-
@rydmike.com
More info and package link below 👇
"this will be such an addictive #FlutterDev interaction"
-
@rydmike.com
More info and package link below 👇
Love AI and all, but these names are such garbage that they made me lol 😅
January 7, 2025 at 5:05 PM
Love AI and all, but these names are such garbage that they made me lol 😅