How to Add Smooth Scrolling to Your Wix Website with Lenis Library | Wix Website Tutorial

Sdílet
Vložit
  • čas přidán 8. 05. 2024
  • Find the code here: www.visualidentity.co.in/post...
    Lenis Github: github.com/darkroomengineerin...
    For collaborations: www.visualidentity.co.in/
    Are you looking to enhance the user experience on your Wix website? Smooth scrolling animations can make a huge difference in engaging visitors and keeping them captivated.
    In this tutorial, I'll show you how to implement the Lenis Smooth Scroll library within your Wix Studio projects. Lenis is a lightweight and highly performant scrolling solution that will transform your website into an immersive journey with buttery-smooth scrolling.
    We'll go through the step-by-step process, complete with code snippets and practical examples. You'll learn how to integrate Lenis seamlessly, customize its behavior, and create a polished scrolling experience that keeps users hooked.
    Whether you're a Wix developer, designer, or simply looking to take your website to the next level, this video is for you. Elevate your brand, increase engagement, and provide a top-notch user experience with the power of smooth scrolling.
    Join me as we dive into the world of Lenis Smooth Scroll and unlock its full potential within the Wix ecosystem. Don't miss out on this game-changing tutorial!
    Follow us on Instagram: / visualidentity_designs...
    Follow us on Linkedin: / hardik-bhansali-363346152
    #wixstudio #wix #smoothscroll #webdesign #wixwebsite

Komentáře • 17

  • @Neal-bg2uz
    @Neal-bg2uz Před měsícem

    I'd love a tutorial on how you added the text behind the diamond on your site the way you did if you ever have the time!

  • @Neal-bg2uz
    @Neal-bg2uz Před měsícem

    Thank you for this I love your videos

  • @wix-pro
    @wix-pro Před 12 dny

    Amazing stuff Hardik!

  • @adityagera5651
    @adityagera5651 Před 2 měsíci +2

    Exactly what I was looking for! Thanks a lot, brother.

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

    would love to see a tutorial of how you built your personal site - its very good

  • @mr.fanstastic9010
    @mr.fanstastic9010 Před měsícem

    whats the title of the song

  • @coxejoao8708
    @coxejoao8708 Před 3 měsíci

    Nice tutorial, Keep on doing!

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

    hi, i am currently having difficulty with scroll up button. I want that when i click on my scroll up button, the scroll in itself is smoothly going up. And i cant achieve that. Can you please help me ?

  • @Mufasa-ed3gu
    @Mufasa-ed3gu Před 21 dnem

    Can you please show how exactly you copy the code from the linked website. I don’t understand it. There is a list of things and descriptions and other stuff. Do I have to build me my own code with these informations? Or can I just copy the whole thing there? I don’t see the same code that you used in your video.. so I paused the video on CZcams and typed in the code u used in it. But after I applied it and went to preview, there was just a part of the code, in form of a text over my header, but no smooth effect. Please help me bro I love this effect but I don’t understand how the link helps me get it/:

    • @visualidentitydesign
      @visualidentitydesign  Před 15 dny

      I hear you, find the code in the description, the very first link and paste that in Wix Dashboard > Settings > Custom Code > follow as shown in the video

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

    Does this work for website building with Wix Editor?

  • @coxejoao8708
    @coxejoao8708 Před 3 měsíci

    Could you please do a tutorial on how you did this loading animation in the beginning.