Building the slider from iOS 16 with Framer Motion

Поделиться
HTML-код
  • Опубликовано: 30 июн 2024
  • The pan gesture makes it happen! Here's the code: github.com/samselikoff/2022-1...
    Learn more Framer Motion at Build UI 👉 buildui.com/
    - 0:00 - Intro
    - 1:08 - Static slider
    - 3:22 - Basic animation
    - 5:28 - Delta in pixels from pan
    - 7:03 - Pixels to percent
    - 8:30 - Extracting the value to React
    - 11:50 - Sibling animation
    - 14:04 - Final demo
  • РазвлеченияРазвлечения

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

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

    The background sound if very good, being in normal speed or 2x. great. Thank you.

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

    you never disappoint! Great breakdown as always.

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

    Woooah, another video! Been waiting for this! 😍

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

    Great video Sam!

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

    I also decided to stick with 100% from the very root. Glad to see I'm not the only one who did that conclusion

  • @Rico-cp4xp
    @Rico-cp4xp Год назад

    Great video as always!

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

    This is so good, thank you Sam

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

    hlo sir i'm from india, i follow you for some days and i very happy with your videos. all videos is very helpful and on local problems

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

    Really like the vibes and the relaxing coding environment in there when playing of the video. Christmas is coming up, please bring forward this theme in your upcoming videos so that we can get the atmosphere this year, too🎄

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

    Damn, great job.

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

    great stuff

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

    Great video. Could you please share development environment, the tools you use?

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

    Your videos are so amazing, you're my inspiration. Thank you. Also I can't believe I've been saying hero-icons wrong this whole time.

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

    awesome video as usual 🙌 but idk how I feel about the way you said heroicons hahaha

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

      Lol I hear you but I actually checked with the tailwind team and that’s the way to say it.. I actually messed up and re-shot that part because I said it “hero-icons” first 😂 not sure it’ll ever stick!

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

      @@samselikoff WOAH okay if they said that's how it should be pronounced then I'll do my best to make it stick 🫡

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

    I like that the thumbnail isn't you pulling some dumb face with all caps text like all these clickbaiters

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

      RUclips algorithm promotes videos with thumbnails with faces that "emote strongly"
      that's why people do it, not because they want to

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

      @@adam29334 I know. And I still hate it

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

    Are you sponsored by framer motion? should be

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

      haha nope, just love the library + animation!