Flutter Forward - Making UI Animation Easy & Fun

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • 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!

Комментарии • 146

  • @labrumco
    @labrumco Год назад +102

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

  • @Add0w
    @Add0w Год назад +29

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

  • @filiphracek
    @filiphracek Год назад +24

    This is fantastic, thank you!

  • @regissaffi
    @regissaffi Год назад +20

    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.

  • @FilledStacks
    @FilledStacks Год назад +14

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

    • @saqibshafin
      @saqibshafin Год назад +2

      Keep up your good works!

    • @FilledStacks
      @FilledStacks Год назад +2

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

  • @damienwise1626
    @damienwise1626 Год назад +7

    Bro really used VSCode for presentation and it actually looks nice

  • @valera924
    @valera924 Год назад +7

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

  • @momenmuhammad6907
    @momenmuhammad6907 Год назад +6

    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.

  • @Aykoo
    @Aykoo Месяц назад +1

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

  • @marufhassan634
    @marufhassan634 Год назад +6

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

  • @TheAlderFalder
    @TheAlderFalder Год назад +1

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

  • @venir_dev
    @venir_dev Год назад +3

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

  • @iGhostr
    @iGhostr Год назад +1

    This should be the default in Flutter.

  • @rahulmula
    @rahulmula Год назад +4

    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 🙌!

  • @breezycodes
    @breezycodes Год назад +2

    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 😊

  • @davidblair2
    @davidblair2 Год назад +1

    This deserves so many more views and likes

  • @SachinShekhar
    @SachinShekhar Год назад +1

    My god! You are awesome.. 🎉🎉🎉

  • @MonirHossain-lf7vq
    @MonirHossain-lf7vq Год назад +2

    Master class❤️❤️👍

  • @androidlearners9163
    @androidlearners9163 Год назад +1

    Awesome dude. ❤

  • @GODevDive
    @GODevDive Год назад +1

    This is good, just like swiftUi concept

  • @Drasius
    @Drasius Год назад +1

    I will definitely use this package

  • @kaaditya1
    @kaaditya1 Год назад +1

    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!!

  • @TheMartaDias
    @TheMartaDias Год назад +1

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

  • @obadaalhalabi607
    @obadaalhalabi607 Год назад +2

    amazing 🤩🤩🤩🤩

  • @mymenora
    @mymenora Год назад +1

    Amazing ! great work guys!!

  • @MihahaHeb
    @MihahaHeb Год назад +1

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

  • @LetsCodeTogether
    @LetsCodeTogether Год назад +1

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

  • @randomlee101
    @randomlee101 Год назад +1

    I love this! ❤️

  • @haithem8906
    @haithem8906 Год назад +1

    i might start learning flutter because of this

  • @WalterKimaro
    @WalterKimaro Год назад +2

    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🔥

  • @s.rsv33
    @s.rsv33 Год назад +3

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

  • @raymolide
    @raymolide Год назад +1

    Insane 🎯

  • @rr2r2r2ra
    @rr2r2r2ra Год назад

    hello sir, how do we stop the scroll animation? for example i scroll so that my text could appear but when i scroll back up the text disappears again. i want it to stay there after the scroll animation

  • @nokibul4713
    @nokibul4713 Год назад

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

  • @AnthonyDev
    @AnthonyDev Год назад

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

  • @abdallahnassar1771
    @abdallahnassar1771 Месяц назад

    Thank you for your efforts, much appreciated. 🙏🏼

  • @zacharythomasrobertson8471
    @zacharythomasrobertson8471 Год назад +2

    Bravo, sir!

  • @merthyr1831
    @merthyr1831 Год назад +1

    Groundbreaking work. 10/10

  • @bang-naim
    @bang-naim Год назад +1

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

  • @ArtVandelayInc
    @ArtVandelayInc 27 дней назад

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

  • @gozealot
    @gozealot Год назад +1

    Awsome!

  • @arvind28
    @arvind28 8 месяцев назад

    This is just fire. You just save everything

  • @nvrp
    @nvrp 27 дней назад

    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!

  • @nicolaszein
    @nicolaszein Год назад +1

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

  • @ymi_yugy3133
    @ymi_yugy3133 Год назад

    Great library. Looks like it makes building animations much more ergonomic.
    What always baffles me though how ludicrously bad performance is for basically all apps that aren't games.
    How can the same GPU that is able to render complicated particle effects, full screen bloom, intricate 3d models with convincing lighting struggle with a small card, that has a little blur, a color filter and some affine transformations applied to it.

  • @hemeleh8683
    @hemeleh8683 Год назад

    Any way this could be implemented into a "listview builder" so that each item appears with effects?

  • @amauryricardo6295
    @amauryricardo6295 Год назад

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

  • @barnabassolomon1629
    @barnabassolomon1629 4 месяца назад

    this is really amazing
    i always hated the boilerplate code i had to write for animation, considering when u come from web styling where u simply manipulate css properties
    anyways
    bless you

  • @user-ds6qh2um6v
    @user-ds6qh2um6v Год назад +1

    Gold library. Thank you!

  • @Bazlightyear007
    @Bazlightyear007 Год назад +1

    That's brilliant, thank you for contributing!

  • @qasimali2918
    @qasimali2918 Год назад

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

  • @peterakande
    @peterakande Год назад +1

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

  • @danoneill8751
    @danoneill8751 Год назад +1

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

  • @solomonmonday2942
    @solomonmonday2942 Месяц назад

    Thank you for making animation easy and enjoyable

  • @florentinedraeger4311
    @florentinedraeger4311 Год назад +1

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

  • @philosophia5577
    @philosophia5577 Год назад +1

    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!

  • @mdsalahuddin2841
    @mdsalahuddin2841 8 месяцев назад

    how can i save the desired animations in json and load the animation from json and play on the object ?

  • @MladenMihajlovic
    @MladenMihajlovic Год назад +1

    Brilliant!

  • @a.alg0hary549
    @a.alg0hary549 Год назад

    13:23 wish i could find the StarClipper File.

  • @saqqara6361
    @saqqara6361 Год назад +1

    keep on great work! I´m using it daily

  • @VirusEcks
    @VirusEcks Год назад +1

    amazing library
    why isn't this more featured than useless libraries out there !!!

  • @stevephuc5853
    @stevephuc5853 10 месяцев назад

    Thank you for creating this libary

  • @FreddyRangel85
    @FreddyRangel85 Год назад

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

  • @معاذالزفتاوي-ب9خ
    @معاذالزفتاوي-ب9خ Год назад +1

    Thank you 💘

  • @socialpost5151
    @socialpost5151 Год назад

    Really fantastic. Really amazing 😍😍

  • @nikkieke9503
    @nikkieke9503 Год назад +1

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

  • @GfoxSim
    @GfoxSim Год назад +1

    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.

  • @kirillsabko1405
    @kirillsabko1405 7 месяцев назад

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

  • @TarrenHassman
    @TarrenHassman Год назад +1

    Wow. The timing extension part is especially cool to me

  • @ranggakd
    @ranggakd 11 месяцев назад

    does it work in mobile and PC web browser?

  • @SaiyanJin85
    @SaiyanJin85 6 месяцев назад

    this should be in core, it's that good

  • @ThomasWapps
    @ThomasWapps Год назад

    Awesome 🎉 thanks for this

  • @santiagoducos2572
    @santiagoducos2572 Год назад +1

    MUY BUENO

  • @M37Shadow
    @M37Shadow Год назад

    Man am At 6:30 and i can't thank you enough ♥

  • @ozbonus
    @ozbonus Год назад

    This is really good stuff!

  • @jaroslavkolomiychenko3528
    @jaroslavkolomiychenko3528 Год назад

    this looooooks reaaaally cooool!) I like it)

  • @yf4453
    @yf4453 Год назад +1

    Thank you GSkinner!

  • @christianmarpert3844
    @christianmarpert3844 Год назад

    f*king great! Thks a lot!

  • @lost7645
    @lost7645 Год назад

    You are a genius Thanks alottt

  • @yashharode5700
    @yashharode5700 Год назад

    Best thing came on feed 🎉🎉

  • @graphic-Pixel
    @graphic-Pixel Год назад

    Nice 👍 and easy

  • @bodehallak1552
    @bodehallak1552 Год назад

    nice, can you give us the source code

  • @lorynxo
    @lorynxo Год назад

    Easy and simplified.

  • @odewoleabdul-jemeel8859
    @odewoleabdul-jemeel8859 Год назад +1

    This is amazing!!!

  • @JoRo-Code
    @JoRo-Code Год назад

    Great work! Deserves a sub 😃

  • @lepresk
    @lepresk Год назад

    Verry good library

  • @temrangenel
    @temrangenel Год назад

    Awesome 😍 Thank U 🙏

  • @Waseek69Ahmad
    @Waseek69Ahmad Год назад

    Flutter on steriods 🔥

  • @mohamedhichemnaitchalal5924
    @mohamedhichemnaitchalal5924 8 месяцев назад

    Great package i like it

  • @febechukwumitchell4178
    @febechukwumitchell4178 Год назад

    Thank you soooo much!!!!

  • @tusharchander8935
    @tusharchander8935 4 месяца назад

    This is amazing!!

  • @Mkrabs
    @Mkrabs Год назад

    This seems fun to use !

  • @rejie
    @rejie Год назад

    so good, thank you!

  • @mufcandika
    @mufcandika Год назад

    I love you, not gay

  • @AhmadJuma-q5b
    @AhmadJuma-q5b Год назад

    Super Awesome..

  • @frankbanini8884
    @frankbanini8884 Год назад

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

  • @bryanmaccarone
    @bryanmaccarone Месяц назад

    amazing❤

  • @codontv1000
    @codontv1000 Год назад

    Thank you a lot

  • @shuusan
    @shuusan Год назад

    すごい!

  • @maazafridi2090
    @maazafridi2090 5 месяцев назад

    Awesome....