Learn Framer Scroll Animations in 13 Minutes

Поділитися
Вставка
  • Опубліковано 11 вер 2024

КОМЕНТАРІ • 81

  • @framer.university
    @framer.university  5 місяців тому +8

    what do you want to learn next?

    • @llewellynvaneeden4467
      @llewellynvaneeden4467 5 місяців тому

      It would be cool to see how you created the variants

    • @Rajdeep_Pandey
      @Rajdeep_Pandey 5 місяців тому +2

      Dear framer, Please make a video on how to connect your website to PayPal or Any Payment Websites, because I am making a website and I don't have idea how I can connect my website to Payment Websites so that my customer can pay me...

    • @framer.university
      @framer.university  5 місяців тому

      @@Rajdeep_Pandeywatch this tutorial: ua-cam.com/video/Zukyq9k1Z3A/v-deo.html

    • @Rajdeep_Pandey
      @Rajdeep_Pandey 5 місяців тому

      @@framer.university Nandi, I have a another problem also. And I want to discuss with you, tell me from where I can connect with you any social media or Gmail?

    • @FaixanRather
      @FaixanRather 5 місяців тому

      Sign up / login

  • @timilehinsolu4254
    @timilehinsolu4254 Місяць тому +7

    I’ve never seen someone so happy to talk about scroll animations 😆

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu 5 місяців тому +13

    Trust me framer is gonna change the world for web designers, we will be called interface engineers more 🎉🎉🎉🎉

    • @framer.university
      @framer.university  5 місяців тому +3

      I agree! Framer will unlock the ability for every designer to build their websites in an environment we designers are all used to. Excited about the future :)

  • @estone9960
    @estone9960 5 місяців тому +5

    I really, really, appreciate your videos. You are a great teacher and I appreciate you sharing your knowledge. I'm glad I found you and subscribed to your channel. Thank you.

    • @framer.university
      @framer.university  5 місяців тому

      I appreciate that! I hope my videos will help you! :)

  • @hoanghantlz
    @hoanghantlz 2 місяці тому +1

    Wow you made it really easy to understand. I feel so lucky I've found your channel. Appreciate your great videos 💯

    • @framer.university
      @framer.university  2 місяці тому

      Thank u so much for your comment, Hoang! I'm glad u find my videos valuable. More to come 🫶

  • @michaelbruzzese
    @michaelbruzzese 5 місяців тому

    Incredible job as always Nandi, a lot of value, and everything seems so easy to understand when you show it step-by-step! 💪 (Love the new setup!)

  • @ProNoobDev
    @ProNoobDev 5 місяців тому +1

    oh this is what i was looking for ! thank you so much

  • @leandrosilva6414
    @leandrosilva6414 5 місяців тому

    Great video as always!

  • @llewellynvaneeden4467
    @llewellynvaneeden4467 5 місяців тому

    Awesome video, thank you so much!

  • @Shafranlive
    @Shafranlive 5 місяців тому

    My eyes are on your new Mac Studio Setup 😅❤✨

  • @TanyaMalka
    @TanyaMalka 15 днів тому +1

    Hi Nandi, I used your smooth scroll component in my site and it works on desktop but not mobile, is this because mobile already has smooth scrolling natively? how can I implement the effect I see on desktop in mobile browsers?

    • @framer.university
      @framer.university  15 днів тому +1

      On mobile, it’s turned off, since on mobile it cannot really work nicely because of the nature of the swipe gesture.

  • @shuoEnva
    @shuoEnva Місяць тому +1

    Why is the text disappearing effect different on phones and tablets compared to computers? How can it be modified to be consistent with computers?

  • @rachsarra
    @rachsarra Місяць тому +1

    Would it be possible to have a scroll animation for each scroll variant, or only for scroll transforms? I'm trying to do a simple fade instead of transforming the variant into another, but it only works between the 1st and 2nd variation

    • @framer.university
      @framer.university  Місяць тому

      You can use the trigger Frames to trigger scroll transforms and scroll variants too. Check my latest vid! ✌️

  • @panicdispenser6586
    @panicdispenser6586 5 місяців тому

    why you cant use the x or y position of main section for the scroll animation? why using this 0% opacity sections instead?

  • @mr.chinaski2613
    @mr.chinaski2613 5 місяців тому

    Awe-some, just as always!

  • @thewebstylist
    @thewebstylist 5 місяців тому

    WOW luv it all!

  • @user-hr6fr8mc5z
    @user-hr6fr8mc5z 4 місяці тому

    Hi... Can you make a video on an Animated circle progress bar

  • @YansRiegel
    @YansRiegel 5 місяців тому

    great, thank you!

  • @nousuyadagiri96
    @nousuyadagiri96 3 місяці тому +1

    Can we export framer design into code ??🤔

  • @pencildinkan
    @pencildinkan 19 днів тому +1

    Sticky option is not working for me

    • @framer.university
      @framer.university  18 днів тому +1

      Parent frame is a stack?

    • @pencildinkan
      @pencildinkan 18 днів тому

      @@framer.university yeah it is working I was trying it on frames thank you

  • @adindakhairani640
    @adindakhairani640 3 місяці тому

    how to record framer animations in windows?

  • @DavidMartens
    @DavidMartens 3 місяці тому

    Hey! im learning Framer right now. How could I trigger a video? As the user scroll it progresses through the video
    CHEERS!

    • @framer.university
      @framer.university  3 місяці тому

      Use the override from this remix: framer.university/resources/apple-watch-website-in-framer

    • @DavidMartens
      @DavidMartens 3 місяці тому

      @@framer.university can you create a video on this? having a hard time understanding ow this was done

  • @mamunmiahbd
    @mamunmiahbd 5 місяців тому

    don't understand the place of Sir Scour ticker and I can't understand what the text is through

    • @framer.university
      @framer.university  5 місяців тому

      what do you not understand?

    • @mamunmiahbd
      @mamunmiahbd 5 місяців тому

      ​​@@framer.university Sir I can the working of sticky frame but don't understand anything else.

    • @mamunmiahbd
      @mamunmiahbd 5 місяців тому

      ​@@framer.university Sir I can the working of sticky frame but don't understand anything else.

    • @mamunmiahbd
      @mamunmiahbd 5 місяців тому

      Sir I can the working of sticky frame but don't understand anything else.

  • @nitromusik9275
    @nitromusik9275 4 місяці тому

    2:59 i did not enjoy stopping 50 times to check what settings you did different because yours work and mine doesnt. This passage was 10x too fast (or too shallow) to just learn from or reproduce as a noob.

    • @framer.university
      @framer.university  4 місяці тому

      Thanks for the feedback. Can you refer to the section of the video as from-to?

    • @nitromusik9275
      @nitromusik9275 4 місяці тому

      @@framer.university sure. Basically the second section starting from 2:26. But it was good that you mentioned the remix link in the beginning of the second section because using this it was easy. I searched and found this video because i tried to get this to work in an existing layout. By comparing it to your layout via remix i found that my problems came from my breakpoint properties.

    • @teyahombre
      @teyahombre 2 місяці тому

      @@framer.university I really agree with @nitromusik9275 that part is not well explained since he doesn't say why is each section used and what exactly is inside each section. I miss being able to understand first what each section does and how's structured and why. For example, idk what's inside Sticky Section since it shows is the first section with the coin (but visibly it also contains the text, but apparently all texts are in Text Stack...) so not clear at all... I'm constantly stopping that part over and over again to try to understand why he has that section structure and he really doesn't explain it during the video either.

    • @teyahombre
      @teyahombre 2 місяці тому +1

      So apparently all texts are inside a stack? It's really not clear

    • @framer.university
      @framer.university  2 місяці тому

      Sorry if I wasn’t clear! I recommend remixing the project to see the full structure:
      framer.university/resources/3d-flip-scroll-animation-in-framer

  • @MetaArtisan
    @MetaArtisan 4 місяці тому

    why don't framer has prototype?

    • @framer.university
      @framer.university  4 місяці тому +1

      Framer isn’t for prototypes. It is for live working websites.

    • @MetaArtisan
      @MetaArtisan 4 місяці тому

      @@framer.university how can i link connection between to pages?

  • @ethicseo
    @ethicseo 4 місяці тому

    Jesus can change yr life ❤

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 3 місяці тому

    it's to diffucult than i think even section 2 and 3 it's no come up after click scroll variant, why ? after follow step by step

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 3 місяці тому

    NOT WORKING....can't be sticky position after back to home making tree variant. sticky position can't be click. why ?
    You change in video from relative to sticky position. But You don't show in video when you change your text position from absolute to relative and than go to sticky position. cuz sticky position can't be click. and also relative position can't be click. the button is down or off, why ?

    • @framer.university
      @framer.university  3 місяці тому

      Make sure that the parent frame is a stack (click the plus button next to the"layout" on ten right panel).

    • @BETTERLIFE-fj3tj
      @BETTERLIFE-fj3tj 3 місяці тому

      @@framer.university sorry man give up... i'm trying to difficult....

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 3 місяці тому +1

    When You start tutorial, please start from blank page. Don't any some stuff there to cunfiused your audiens. Not every body in the same level. some body like me it's newbie in framer. please star from blank page, cuz we even dont know how to make top, main and botttom page. You start with website already have top, main and bottom making confused....

    • @framer.university
      @framer.university  3 місяці тому

      hey mate! thanks for the feedback. it makes a ton of sense.
      the reason why I start these videos from a starter file is because I wanna be able to focus on the main topic of the video. building everything from scratch would make my videos super super long.
      I hope though that giving you remix files helps a little :)
      I'm also going to make more videos where I show how to build stuff from scratch so you can learn that too.
      I recommend this video: framer.university/lessons/scroll-animation-process