Flutter Forward - Making UI Animation Easy & Fun

This talk for Flutter Forward 2023 dives into the Flutter Animate library, exploring how easy it is to create beautiful UI animations with just a few lines of code. It covers how to apply and adjust the wide variety of included effects, how to create totally custom effects, how to control animation playback, and shares tips to reduce the performance impact of animation.
Stop by gskinner.com to see more fun things we've built with Flutter, or just say hi!

[@labrumco]

These kinds of libraries make Flutter even more enjoyable to use. This is utterly fantastic. Thank you!

[@Add0w]

Every flutter developer should appreciate this work done by gskinner thank you.

[@regissaffi]

After 3+ years since I started developing in Flutter, now I can start using Animations in my apps as i should, This is exactly what we wanted.

[@ArtVandelayInc]

Animations in Flutter is verbose as hell indeed. This is just incredible! Thank you so much

[@venir_dev]

I am BLOWN AWAY on how crazy this lib is. Kudos to you and your team

[@zacharythomasrobertson8471]

Bravo, sir!

[@davidblair2]

This deserves so many more views and likes

[@armagan_gok]

Amazing package and amazing tutoring! Thanks for everything, appreciate it

[@solomonmonday2942]

Thank you for making animation easy and enjoyable

[@valera924]

I absolutely love Flutter and what it's around ❤ Except its state management 🤣

[@Aykoo]

Wow this looks amazing. Concise and easy to use. Keep up the good work!

[@FilledStacks]

Fantastic work Grant! This is really awesome. I'm definitely making a video about this stuff at some point.

[@saqibshafin]

Keep up your good works!

[@FilledStacks]

@@saqibshafin Thank you, I will try my best to do so.

[@merthyr1831]

Groundbreaking work. 10/10

[@kaaditya1]

Thank god for this. I DESPISE USING NATIVE ANIMATION. It was a huge pain to work with. Thank you so so much for making this!!

[@marufhassan634]

You guys are the MVP when it comes to animation in Flutter. Thank you for making most of your wonderful apps opensource.

[@momenmuhammad6907]

I rarely type anything in the comment section but i couldn't skip this without saying thank you for your effort and your amazing work and i can't wait to use this amazing Library in my next project.

[@haseebkahn4811]

You have no idea how much this could help enthusiastic beginniners like me! ❤

[@peterakande]

This is a great contribution to the Flutter community. More devs would find it easy to build interactive apps now. Thanks gskinner!

[@user-ds6qh2um6v]

Gold library. Thank you!

[@frankbanini8884]

Thank you for this great library. You've really helped a GENERATION OF FLUTTER DEVS. GOD BLESS YOU AND YOUR TEAM.

[@Bazlightyear007]

That's brilliant, thank you for contributing!

[@yf4453]

Thank you GSkinner!

[@abdallahnassar1771]

Thank you for your efforts, much appreciated. 🙏🏼

[@MonirHossain-lf7vq]

Master class❤️❤️👍

[@mymenora]

Amazing ! great work guys!!

[@FreddyRangel85]

This is great. I'm going to take a look at this for future animations

[@nvrp]

we need a gskinner wrapper for the whole of flutter, not just animations! world would be a much better place and progress much faster, if gskinner designed apis of all frameworks in the world!

[@farmazoniarzzptc6211]

Big 'W' for this. Thank you for your work.

[@haithem8906]

i might start learning flutter because of this

[@MihahaHeb]

Delightful! I remember you back in the good 'ol days of Adobe Flash :-)

[@jandrabik5519]

10/10 would watch again.

[@davidmesaros9733]

Wow !! That's exactly what I needed for my apps. Simple and straight forward

[@anish8127]

So elegant, i loved it. 💙

[@Prickly_G]

I don't make many comments, but I have to say this is AMAZING! Just what was needed! And I love the syntax! THANK YOU!

[@philosophia5577]

Crazy stuff Grant! I have watched five -six whole playlists, been using animations in my apps from two to three months and watching every single video I could find on it just to create something as beautiful as wonderous. Gonna use this package rn. Thanks for the amazing work you have done!

[@JakubGiminski]

That's exactly what I need, thank you!

[@Drasius]

I will definitely use this package

[@sujalabhani980]

Awesome, I have always loved playing with animations & this will make my work even easier :D

[@mohnish.deshpande]

This is what makes me passionate for software. Cheers!

[@gozealot]

Awsome!

[@stevephuc5853]

Thank you for creating this libary

[@bang-naim]

Oh my .. this is truly game changing!! Thank you so much for this 🥺 i might try this with progressIndicator next time 👍👍

[@damienwise1626]

Bro really used VSCode for presentation and it actually looks nice

[@arvind28]

This is just fire. You just save everything

[@ernestj8000]

Thank you for making this library available to developers! Incredible work creating the abstraction to the complex code required to animate in Flutter.

[@mohammedek6269]

Definitely gonna try out. Man you made animation look easy ❤

[@nicolaszein]

This is amazing!!! Thank you. ❤ i can’t wait to start using it.

[@10-oda-11]

Simply Wow! 👏

[@TheMartaDias]

Life changing. Thank you. I was building my own shake until I found this.

[@androidlearners9163]

Awesome dude. ❤

[@furikuri7584]

Ohhh, god, just started jun flutter dev experience, and massive code for animations always was an issue, and THIS… this is so amazing and clean! Very impressive and good work, tyvm!

[@MladenMihajlovic]

Brilliant!

[@LetsCodeTogether]

That is so good.. Never been good at animation but i think its going to change soon.. Thanks

[@GfoxSim]

This has definitely inspired me and thank you so much Grant for the library. I also believe animation should be fun and easy to play around with.

[@nikkieke9503]

This is soo outstanding!! Thank you so much for this beautiful library. Can't wait to start using this to create!

[@s.rsv33]

You did an incredible job! Looks soo easy and fascinating to try out.

[@socialpost5151]

Really fantastic. Really amazing 😍😍

[@florentinedraeger4311]

Amazing! Can’t wait to use this in my next project :)

[@gaxkiller]

Having player A LOT with animations, I cannot emphasize enough the work you must have done with this library. I loves flutter animations even before that, but now I want to try your library haha

[@SachinShekhar]

My god! You are awesome.. 🎉🎉🎉

[@TarrenHassman]

Wow. The timing extension part is especially cool to me

[@YashHarode17]

Best thing came on feed 🎉🎉

[@3mro_coding]

This is damn cool thanks for your contribution to the community and making coding with flutter so enjoyable.

[@randomlee101]

I love this! ❤️

[@breezycodes]

Bro 😢 😭 Where have you been ith this?!?! Thank you & the team member that inspired this.. I always hated working with animation in flutter.. but this is so nice!!! I can start using flutter again. Thanks 😊

[@gszxc]

Holy crap the flutter team needs to hire you

[@danoneill8751]

Very excellent :) I'll be using it a lot!

[@피즈멍의렙업일기]

This is insane!!! Now I'm capable of making great animations with ease :)

[@Mkrabs]

This seems fun to use !

[@AnthonyDev]

Great package, thanks! Now I will animate my apps easily. 😎

[@kerandonovan7255]

This presentation made my day...just as I was looking to add some animations and I thought, so much boiler code I need to get coffee'd up for. This package looks peeeeerfect. Nice presentation too. Thank you !

[@temrangenel]

Awesome 😍 Thank U 🙏

[@raymolide]

Insane 🎯

[@rahulmula]

When using explicit animations (which was the case most of the time) I mostly skipped animating as a whole because of the trouble, but with flutter_animate I can already see myself adding .animate() to every widget 😅. Though even more important than that is the last note - Keeping animations simple and using them elegantly, moving everything like crazy for the sake of self-satisfaction will most likely backfire. Thanks for your work 🙌!

[@lorynxo]

Easy and simplified. ♥

[@user-tk7sc4gz2v]

Fantastic!!

[@WalterKimaro]

Okay, now I’m actually gonna start animating in Flutter….this flow feel more like how animations should’ve worked in Flutter to begin with🔥

[@kahustone7347]

Agreed 😂

[@saqqara6361]

keep on great work! I´m using it daily

[@jaroslavkolomiychenko3528]

this looooooks reaaaally cooool!) I like it)

[@معاذالزفتاوي-ب9خ]

Thank you 💘

[@nokibul4713]

This looks powerful but easy. Will definitely use that 👍👌

[@odewoleabdul-jemeel8859]

This is amazing!!!

[@felipecalderaro7258]

Really awesome, thanks!! I'll use right away in my app

[@ThomasWapps]

Awesome 🎉 thanks for this

[@ozbonus]

This is really good stuff!

[@rejie]

so good, thank you!

[@TheAlderFalder]

It's sooo good, I almost feel guilty for using it :D

[@lost7645]

You are a genius Thanks alottt

[@qasimali2918]

amazing... that is very helpful for me. thanks a lot

[@JoRo-Code]

Great work! Deserves a sub 😃

[@obadaalhalabi607]

amazing 🤩🤩🤩🤩

[@simoneckerstorfer4174]

extraordinary video, enjoyed it a lot!

[@amauryricardo6295]

Amazing library 💪, Is there a way to animate list builder items only once, like the entry animation? Thanks.

[@meek6836]

just wow.. ❤

[@AhmadJuma-q5b]

Super Awesome..

[@febechukwumitchell4178]

Thank you soooo much!!!!

[@christianmarpert3844]

f*king great! Thks a lot!

[@AhmedAwsi]

Such a great amount of effort, I can’t wait to start creating with it right away

[@lorenzosala3527]

This is amazing. Thank you so much!

[@kirillsabko1405]

life will never be the same after this video...