Видео

superb

thanks bro <3 !! Please could you make a video showing how to create the lenis site cards, which overlap and become blurry?

Thank you very much for the code :) Is there a way to separate Mac and PC in the code? Apple's Macbooks add smooth scrolling by default to any browser, so if I add Lenis to my website, it adds up to the native smooth scrolling from the Macbooks so it makes the scrolling too hard, too slow (too smooth if you prefer)

On what elementor version are you? it does not work anymore with the latest versions (since a month)

New FlipBox with Parallax effect - ruclips.net/video/y2BzOmGrrxs/видео.html

🎉 amazing bro

Get Elementor Pro and Hostinger Hosting (affiliate links) - Elementor Pro - be.elementor.com/visit/?bta=8514&nci=5383 Hostinger - www.hostg.xyz/SH1gP

Nice content bro

Elementor(Free) Single Page - 0:47 Elementor(Pro) Full Website - 02:50 Free for Full Website (Works for non Elementor users too) - 04:11 Code - <script src="cdn.jsdelivr.net/gh/studio-freight/lenis@0.2.28/bundled/lenis.js"></script> <script> const lenis = new Lenis({ duration: 1.2, // Scroll duration easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), // Easing function for smooth transitions direction: 'vertical', // Scroll direction: vertical or horizontal gestureDirection: 'vertical', // Gesture direction: vertical, horizontal, or both smooth: true, // Enable smooth scrolling mouseMultiplier: 1, // Mouse scroll speed multiplier smoothTouch: false, // Disable smooth scrolling for touch devices touchMultiplier: 2, // Touch scroll speed multiplier infinite: false, // Disable infinite scroll }); // Optional: Listen to scroll events lenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => { console.log({ scroll, limit, velocity, direction, progress }); }); // Animation frame loop function function raf(time) { lenis.raf(time); requestAnimationFrame(raf); } requestAnimationFrame(raf); </script>

Very useful!

If i want to create one wide section with a lots of content instead of 4 difference containers, you can tell me what to do? Thanks!!

I try it before with 4 other tutorials, its never works for me. Until now! Your the best! Thanks!

good job !It is possible to add parallax effects? Thanks

Is it responsive in mobile

Remove snap line if you don't want snapping. Code - <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <style> .dm-horizontal-wrapper { transition: none !important; } .dm-horizontal-section { transition: none !important; } </style> <script> let dmHorizontalSections = gsap.utils.toArray(".dm-horizontal-section"); gsap.to(dmHorizontalSections, { xPercent: -100 * (dmHorizontalSections.length - 1), ease: "none", scrollTrigger: { trigger: ".dm-horizontal-wrapper", pin: true, scrub: 1, snap: 1 / (dmHorizontalSections.length - 1), end: () => "+=" + document.querySelector(".dm-horizontal-wrapper").offsetWidth } }); </script>

thank you! the column expanded without any transition (in the code there is 0.5), and its not look so good. What can be the issue? thanks again!

Thank youuu so much!! Looks so good on my website :))))

Great tutorial. How can we get the codes?

Thanks Bro for your awesome tutorials.

Theme installation failed.!!!

Thank you for your template, it's amaizing. For those who are facing the issue where elements with the class 'dm-timeline-left' are not sticky, press F12, select Elements, then on the right, go to Computed. Check each container, including body, html, etc., to see if it has overflow: hidden. For me, that was the issue.

It works, thank you.

Thanks a lot. perfect solution for my problem. I was having a hard time making my menu responsive. your video saved me.

Mayuresh, please create more modern layouts using GSAP, CSS, and typography. The design trend is changing very fast, and people like us, who are graphic designers transitioning into web design, are looking to experts like you to learn through your RUclips videos. So far, you have taught us so much, and I truly appreciate all the knowledge you've shared. Keep up the great work, and we look forward to learning more from you!"

Good Job !

Man, share some tips on how to bag a client please

Great video! Please make the Part 2 😎

superrrrrr

amazing

thanks

how to showcase it for mobile version?

I love this, is there a site that I can look at where it is complete?

recently your on Fire🔥 , well done MAN✅🤝

Bro ur underrated hope you get 1m sub this year don't stop

You got a subscriber bro

hello, it is good if we want to keep a little size icon. otherwise,the text is not justify in the middle of the text. i'm right?

Happy New Year!

Everything is working fine besindes the progress bar. Its 100% filled, already from the start. I put the dm timeline bar and the dm progress bar both to absolute. In the step before, where both were set to default it was also already completly filled. The image and left text are working perfectly. Have you got any idea how to fix that?

Amazing

this is amazing work bro thanks

Hello friend, thank you for your videos, im learning so much, but i have a problem when i try to animate with gsap this colored text, the text turns transparent and i cannot see the animation and the text, how can i make it to work?

awesome

Hope you guys enjoyed this video and it was helpful. I didn't watch the video again after editing as I was too tired. So if you find any issues that you face, just comment down below and I'll help. Please support by leaving a Like and Subscribe. Thank you.

great one, thank you

Awesomeeee❤

you are top tier of Wordpress bro🔥

bro you are a legend, even if u have little views, keep going!

gracias por tus videos que nos han ayudado mucho. Nuevo suscriptor y mi like... Por cierto, que tal un tutorial sobre landingpage para agencia de viajes?

Is there any way you can replicate this with css?

this is so good, please more of this