5 ms·
Scrolling through that landing page felt a lot smoother & snappier than I would've expected for a page looking like that.
by jacobgkau 2y ago
Scrolling through that landing page felt a lot smoother & snappier than I would've expected for a page looking like that.
- adrianvoica 2y agoJulian (the author) is a genius. v4 has been in the making for some time, but, boy, is it worth the wait! I have used v3 (I am using it on my landing page and even built a small game engine with it), but this version is on a whole new level. Congrats to the author! Keep up the good work!
- wigster 2y agoyeah. i'm normally not a big fan of these scroll down and "shit-happens" sites, but that is VERY slick and cool. super nice.
- robertlagrant 2y agoYes - exactly. If they were that smooth and looked that good, I'd like more of them. So creative.
- loxs 2y agoYeah, this is the one place where doing it like this is 100% appropriate.
- qoez 2y agoI think part of the trick is that each unit of scrolling takes you quite far down the animation sequence (so scrolling doesn't feel like a long effort)
- ryandrake 2y agoIt's clever, but honestly I don't care how smooth it is. Scrolling should simply scroll a view up or down a page. Not invoke animation. We already have established UX patterns for playing media, slowing it down, speeding it up, randomly seeking through it.
- mcluck 2y agoFalse. Let the web be fun again
- robertlagrant 2y agoAnimation isn't really "playing media".
- jacobgkau 2y agoPart of the smoothness here is that scrolling the text is 1:1 once you get down to the sections with colored headers. It demonstrates that it's possible to make a page look fancy like that without "breaking" your intuition of what scrolling "should be." JS animations obviously don't take the place of video/audio media that you'd play/scrub through.
- JulianGarnier 2y agoHey I'm the author of the lib, exactly, I don't really "highjack" the body scroll, I'm only controlling the background animations with it, while keeping most of the body content scroll naturally with the page.
- jonwinstanley 2y agoSo what would you suggest to use to move the animation forward?
- azemetre 2y agoDo they explain how they made the landing page or share the code somewhere? I agree, it's stunning.
- chilmers 2y agoThere is a gh-pages branch, but it is generated from a private repo: https://github.com/juliangarnier/anime/tree/gh-pages https://github.com/juliangarnier/anime/tree/gh-pages
- JulianGarnier 2y agoHey I'm the author of the lib, I'm thinking about making a course on how to re-create the landing page, would that be something you're interested in?
- bhattisatish 2y agoOh yes!
- firefoxd 2y agoDouble yes
- DirkH 2y agoMost certainly yes
- TheTaytay 2y agoLiterally what I came here to find! Incredible work!
- azemetre 2y agoYes please, is there a site or something that you have to collect emails for those interested?
- JulianGarnier 2y agoYou can leave your email in the footer of the landing page > https://animejs.com/#site-footer https://animejs.com/#site-footer I'll set up a dedicated temporary page for the course soon. Thanks for the interest!
- rk06 2y agoI don't even remember seeing such a fantastic landing page in long time. it makes you realise how bad others are.
- andrei_says_ 2y agoI’m confused, is this sarcasm? On a mobile device the page requires miles of scrolling to go through a few sentences while rotating around a meaningless graphic. Signal to noise ratio is abysmal.
- wishinghand 2y agoMaybe it displays oddly on your phone but all I’ve seen is effusive praise for how the landing page is constructed. The graphic is meaningless but the information around it is informative. The graphic itself is meant to inspire rather than inform.
- andrei_says_ 2y agoThank you this makes sense. I had to scroll a lot to see one sentence-long phrase to change into another and found this too demanding for the payoff. The graphic was pretty but did not provide additional insight for me. As for execution- could’ve been frame-by-frame scroll-driven animation as far as I’m concerned.
- aitchnyu 2y agoDoes it provide fewer footguns for less experienced devs though?
- ksec 2y agoOn what machine is that on? I wish these type of page animation should be rendering to 120fps with less than 20% CPU spike for seconds and no warming up of CPU / GPU on a modern 2025 machine. Unfortunately we are still not there yet. If we achieve that the web would be much more interesting. Brining back memories of Macromedia Flash.