Creating an Interactive 3D Hero Section Without Coding

Sdílet
Vložit
  • čas přidán 5. 09. 2024

Komentáře • 64

  • @worksmart8166
    @worksmart8166 Před měsícem +12

    Now a days im a serious follower of yours.
    Can you teach about how to add
    1. Payment process on Framer
    2. Explanation about nested component
    3. Useage of form and mailchip
    4. E-commers or shopify with Framer
    5. I dont know about this component name but i explain, if we move something it will move and settle another place. Click carrom
    Please make these video❤❤❤

    • @feelcollins4358
      @feelcollins4358 Před měsícem +1

      number 5 is a called drag-and-drop component

    • @user-yt8kl7bq9v
      @user-yt8kl7bq9v Před měsícem +1

      he already made a video about Forms and its useage 👍

  • @HOLYBOY.
    @HOLYBOY. Před měsícem +5

    Please build a full 3d website

  • @tonystarkmowa
    @tonystarkmowa Před měsícem

    im loving the framer more than the webflow and why there are no any structured courses or playlist to follow from basics to advance please rearange the videos into a course like structure from basics to advance

  • @18650tom
    @18650tom Před měsícem +1

    and the next cool idea! i watched all of your videos and learned so much! thank you!

  • @notdoshi.1404
    @notdoshi.1404 Před měsícem +2

    This is sooo coooll!!!🤯🤯🤯🤯

  • @Sefko1995
    @Sefko1995 Před 23 dny +1

    More of this bro im really motivated by you

  • @david_d-_-b_in
    @david_d-_-b_in Před měsícem

    Another awesome video, Nandi! I'm learning a lot with you. Thanks for this content! 👍

  • @simonpetrus3089
    @simonpetrus3089 Před měsícem +1

    super amazing!!!!

  • @rafafrances
    @rafafrances Před 20 dny +1

    Just to let you know that you are become my mentor

  • @malcolmvanhilten125
    @malcolmvanhilten125 Před měsícem +1

    Brilliant !

  • @1982stevied
    @1982stevied Před měsícem +1

    Excellent Tutorial, is it possible to have the images clickable so you could click on one and it take you to a section lower down?

    • @framer.university
      @framer.university  Před měsícem +1

      Yes! You can add scroll sections to sections on your site, and then link the cards to those sections. So on click it will take you down the page.

  • @SunriseOverEverest
    @SunriseOverEverest Před měsícem

    Diving into another great tutorial! Cheers! Nandi any chance for tutorial about page router with page transition like animation covering viewport with dedicated page title? Very popular recently... one more thing - your tutorial on page intro animation was great plus the cookies option...but if i have delayed animation in hero (after intro) there is nothing for that delayed time period (because of the cookie settings to not show in current session)... any workaround to shorten the delay if the cookie is present? AI doesn't really help in case of Framer restrictions.

  • @mr.chinaski2613
    @mr.chinaski2613 Před měsícem +1

    Just as awasome content as always!

  • @user-lf1cj8cy2f
    @user-lf1cj8cy2f Před měsícem +1

    First of all thanks. This is AMAZING!
    Second, If i want that when the user press the image it will make the background dark and the photo will scale big and normal, what would be the best and fast process of doing it? Thanks again you're the best in the framer field! :)

    • @framer.university
      @framer.university  Před měsícem +1

      Thank you so much for the kind words mate :)
      Yes, this would be possible. You would need a more complex component structure with variants and interactions. I’ll explore this :)

  • @zairelrhawk5924
    @zairelrhawk5924 Před 8 dny +1

    Can you suggest me how can i put Videos in the image frames?..... really appreciate your feedback......your tutorials are always on the next level 👌👌

    • @framer.university
      @framer.university  Před 8 dny +1

      Thanks for the kind words :)
      You can grab the video component from the insert panel, and place it within the image frame, set it to absolute position, pin it to all sides with 0 value.

    • @zairelrhawk5924
      @zairelrhawk5924 Před 8 dny

      ​@@framer.universityThank you so much for your help! 🙌 I'm new to Framer, so I'm still getting the hang of things, but your instructions were incredibly helpful. 😊 Thanks a lot! Looking forward to seeing more amazing videos from your channel. 🎥✨

  • @matthewgibson8309
    @matthewgibson8309 Před měsícem +1

    Awesome tutorial!

  • @kencarter16
    @kencarter16 Před měsícem +1

    Framer on top 😤

  • @thothomoto803
    @thothomoto803 Před měsícem +1

    Thank you for this Video, but how does it behave responsiveness wise? how does it look or work on an iPhone?:)

  • @almighty.saumya
    @almighty.saumya Před měsícem +1

    I am folowing this tutorial however this problem at 10:03 -
    How do I copy this 3d component to my project file where I am following this tutorial ?
    (Edit) - Okay I figured it out. Once I drag it into the remix canvas I can copy from there.

    • @framer.university
      @framer.university  Před měsícem +1

      Hey mate! Sorry I wasn’t clear. Glad u figured it out :)

  • @david_d-_-b_in
    @david_d-_-b_in Před měsícem

    One thing I noticed is the dragging direction is inversed from the original inspiring website. Is it possible to reverse the drag direction? I mean, right now we are dragging rowards left and the images move to the right.

  • @abhaykumar_v
    @abhaykumar_v Před měsícem

    Any way to do a horizontal scroll section?

  • @Spagget_
    @Spagget_ Před měsícem +1

    The carousel isn't visible after publishing the website. How can I fix this?

    • @framer.university
      @framer.university  Před měsícem

      Have not encountered this issue. Did you follow every step?

  • @worksmart8166
    @worksmart8166 Před měsícem +1

    This is also awesome video like always🎉

  • @yashgajbhiye7592
    @yashgajbhiye7592 Před 13 dny +1

    1:37 sir please explain what have u done it would be great

    • @framer.university
      @framer.university  Před 8 dny

      I pressed ⌥ + ⌘ + Enter to wrap the frame in a stack.

    • @yashgajbhiye7592
      @yashgajbhiye7592 Před 8 dny

      @@framer.university sir I am new to framer can u elaborate a bit it would be great

    • @yashgajbhiye7592
      @yashgajbhiye7592 Před 8 dny

      ​@@framer.university siri am new to framer so can u elaborate a bit it would be great

  • @thothomoto803
    @thothomoto803 Před 24 dny +1

    Hello Nandi! First of all, thank you for all your framer tutorials!🙏 I wanted to ask if the pictures are or can be clickable? Can you link new pages to the pictures?

    • @framer.university
      @framer.university  Před 24 dny

      Hey hey! Thanks a lot for the kind words. Im glad my videos are helping :)
      Yes, in fact you can make any frame clickable in Framer. Just select the frame, go to the right panel, and towards the top, you'll see the link section where you can add the link.

    • @thothomoto803
      @thothomoto803 Před 24 dny

      respectively can i let the carousel rotate but still link the pictures to other pages? bit stuck here😅

    • @thothomoto803
      @thothomoto803 Před 24 dny +1

      @@framer.university Thanks for the fast respose:) I already tried to just link the pictures but unfortunately I think Framer does not handle to keep the colliders for the link in the right position while rotating? Are you sure it should work without any problems? Many Thanks in advance!!!

    • @framer.university
      @framer.university  Před 24 dny

      @@thothomoto803 yes you're right. in combination with this 3D look component, links might not behave as expected (also because of the heavy transform in 3D). in that case, i'm sorry to say to you might not be able to add links that are properly clickable to these images.

  • @adammann42
    @adammann42 Před měsícem

    Any chance you could make a video about Interactions? It appears on the top of the side panel when I'm editing a component, but haven't been able to figure out how to use it, or even what it does. I can't find any documentation about it anywhere!

    • @framer.university
      @framer.university  Před měsícem

      Hey! You can use it to connect different variants to animate between them on various triggers.
      Here's an intro to the feature (lmk if it helps):
      x.com/learnframer/status/1797642783685242963

  • @hadiskhalili8915
    @hadiskhalili8915 Před měsícem +1

    Amazing😍🌸

  • @moezusy
    @moezusy Před měsícem +1

    i run a cleaning business, how can i implement this to my website, its so cool

    • @framer.university
      @framer.university  Před měsícem +1

      Follow the tutorial and remake it on your site.
      You can find a remix link in the description.

    • @suhailmalik6785
      @suhailmalik6785 Před měsícem

      I can do this for you

  • @-_SamsulHadi
    @-_SamsulHadi Před měsícem +1

    its realy cool nandy, nice work!🔥

  • @javadobe5024
    @javadobe5024 Před měsícem

    Amazing Nandi

  • @miserywas8285
    @miserywas8285 Před měsícem +2

    ❤❤❤