Lenis – Get smooth or die trying
lenis.studiofreight.comAbsolute garbage idea. Don’t fuck with my scrollbar. My browser is set to do what I want it to do. It knows better than you do.
In fact, your site probably doesn’t need JavaScript at all. Everything since the late 90s has been a step in the wrong direction.
Absolutely this. Terrible idea. I'm so sick of shit like this trying to make the web even worse to use.
It's not actually all that smooth. Oh, I'm sure on a top-of-the-line M2 Macbook Pro, running Safari or Chrome, it's like butter. But on a slightly less capable (Core i5U, 24GB RAM) Thinkpad, running Firefox, I can hear the fans spin up and the scroll feels a bit laggy. Certainly not as smooth as scrolling a relatively static website, such as Hacker News.
i5-12400, Firefox here. Smooth as butter. No fans. Then again this is a desktop machine.
But I find these sites 100% unnecessary. Just put all your shit in the first section so I don't have to scroll. There's about half a screen of content surrounded in an ocean of bollocks.
The i5-12400 is actually a really fast CPU. Basically any desktop CPU released since AMD scared Intel into actually trying again is pretty fast, even the supposed low-mid range ones.
Yes indeed massively impressed with this machine. Cost bugger all as well (Lenovo Neo 50S gen3)
I agree (scrolling to "immerse the reader" is unnecessary, let your content speak), but it would be equally annoying to have a site about a new scrolling library refuse to use it.
That would be like all those news articles that talk about interesting would-be visual things without providing images.
I think people are mad because they disagree with the whole reason the library exists in the first place. Sure, obviously the site advertising the scrolling library should probably use the scrolling library. But it's still an awful idea and just shouldn't exist in the first place.
But the whole point of the website is scrolling, they had to include scrolling.
Glad this comment was here haha, I'm on an m1 ultra macbook pro (the m2s haven't shipped yet?) and it does scroll really smoothly
M2 Macbook Pros are definitely available: https://www.apple.com/shop/buy-mac/macbook-pro/13-inch
lol the 13 inch
Ugh.
I haven't bothered to search yet, but I wonder if there's a browser extension that can completely disable the browser APIs for monitoring scroll position. If websites were simply unable to hijack my scrollbar, the web would be a better place.
IMMEDIATELY notice that it breaks two finger swipe back on Mac.
Stop. Hijacking. Scrollbars.
>...it breaks two finger swipe back on Mac.
2-finger swipe as in swiping left or right to navigate forward and back? Isn't that a hardware or OS function so it can be differentiated from opening/closing the notification center?
Or are browsers really monitoring for scroll left/scroll right inputs to infer two finger swipe?
I don't know. But that site breaks it.
This website is pretty much unusable for me on Firefox (Ubuntu 22.04). I'm also running a GPU-wise, fairly heavy game in the background currently, which I'm sure is attempting to draw frames even though it has been minimized. Likely competes for the same resource this website is trying to use, but gets priority and the website just barely, if it all, responds to my scrolling.
In fact, the experience was so viscerally annoying, it incited me to write a comment about it on HN.
It's rough on iOS Safari, too, with annoyingly unpredictable behavior and elements jumping around seemingly at random.
I'm sure it's very nice in Chrome!
God I hate websites like that
Reminds me of the 90's cringe trend of having gifs and audio and crap everywhere.. But at least those still had some html and could potentially be semantic.
This modern cringe trend seems to have abandoned any hope of semantic web + all of the original ideas behind it.
My first thought on interacting was "Thanks, I hate it."
Me too, I don't care how performant or consistent it is, it still feels clunky to me. If I'm reading primarily text content just give me a regular article format with a regular scrollbar. If your content needs fancy animations and transitions and stuff you should be making a video.
The main thing I hate about all of these is how low the information density is. I like to scan over dense text to see if I'm interested, but all of these try to force feed you information bit by bit at the speed they think is right for you.
the 90s web was extremely semantic in that the entire site was laid out as a table. tabular data is easily consumable!
When I switch to reader mode it's really smooth.
And nobody is going to comment on the name? I think they really missed an opportunity here. Why not Scrotul?
I think you're joking, but if you're not, Lenis is a latin word meaning calm or smooth.
"Ballcock" is the plumbing term for that thing in your toilet tank that regulates the water flow.
That doesn't mean I'd call my new library "Ballcock", though.
That said, I'm going to go against the grain here and say that this really does appear to be quite nice for its niche. While I wouldn't use it on a generic web site, I could see someone using it to make an excellent art gallery or game or something of that nature.
Developer: don't get discouraged by all the hate you're seeing here. You clearly spent a lot of time on this, and if it works for your purposes, and those of others, great!
"NORMALIZE ALL YOUR USER INPUT"
except for arrow keys, page up/down and spacebar
Clicked because I’m in the market for a new razor, stayed for a well-designed and surprisingly passionate presentation about scroll management on websites (UI scrolls, not magic ones)
"Smoothing the scroll pulls users into the flow of the experience that feels so substantial that they forget they’re navigating a web page."
That's some good sentencing.
I assume this is an elaborate troll?
I mean someone can't think that this will prove their point. But they've put so much effort in to it....
HN probably wasn't ever going to like this, for good reasons.
For someone trying to make something artsy, this probably solves a lot of problems common with this form of scroll-linked animation. I don't see an issue with that! It sure is nice looking, at least on my machine. (FF 107, 2019 MBP)
But please never use this on anything I'm expected to actually read.
The scrolling lags on my 2020 M1 MacBook Air. It's smooth as butter, but when it takes a few hundred milliseconds to start moving I don't feel in the slightest like I "forget I'm navigating a web page" - more like I'm driving an ICE car where the engine lags the pedal enough that I have to compensate for it.
It feels a little like we're going back to 2005-era deviantart "trendwhore" style design. Big text, numbers with leading zeroes (01, 02, etc.) for some reason, lots of line art, artificially shaded 3D stuff. I don't mind it. No pixel font typography, though -- certainly not with today's high res displays.
Does anyone have the equivalent of Kill Sticky but for scroll hijacking? It unfortunately wouldn't work for this site, but might work for others.
It's about as smooth as curdled milk running in Firefox on my 5 year old Thinkpad, and borderline unusable in Chrome on my ancient Android phone.
I think there's a lot of hate in the comments, and while I agree (stop hijacking my scrollbar), I'd like to inject some constructive positivity:
1. They put the disclaimer right in their motto. Get smooth or die trying. They're willing to accept failure in pursuit of peak smoothness.
2. Hate it as much as you want, ever since the awful idea was born, we haven't been able to prevent websites from doing this. Some implementations are better than others, and having standardization will help improve the state of the web for all websites that make this... terrible... decision. Their implementation happens to be quite nice.
3. Even if there's issues with the implementation, having a standard library means that when updates get applied, they apply to all websites that use them.
It is maddeningly janky for me on iPhone 11 Pro.
Same on iPhone 12 mini
I actually quite like this implementation of smoothness except for two things.
The max speed is way too low. None of the scrolling momentum is kept and it takes forever to get anywhere on the page.
Please, lets stop using the scroll bar as a loading bar. When I scroll down, I want to go down the page. Just slowly bring up page by page that get placed somewhere randomly on the screen space.
immediately crashed. "Application error: a client-side exception has occurred. See browser console for more info". Enough for me.
I went on the website and thought: "Wow, this is great. I really like. Maybe I could use it for my next project." Then I came to the HN comment section, read only negative comments and now I do not want to use it anymore. Sad saturated world.
Don't let HNers dictate what you use, this is a very special audience and the overlap with the vast majority of the population is very small. Don't get me wrong, I hate these smooth-scrolling things and I wish Google would penalize it, but it won't matter to the majority of people, and they might actually find it neat.
If your project isn't targeting this very niche audience, include it. Add a cat that chases the cursor. Have a loading animation that assembles the site from blocks. Be bold and brave and enjoy yourself.
Grrr.
Just leave my basic browser functionality (scrolling, copy/paste, etc) ALONE.
Client side exception when scrolling down a little and back to the top on mobile safari, so much smoother than the regular scroll
Also doesn’t play nicely with the fade in of the safari bottom toolbar
Very stuttery at times with Chrome 107 on Windows, i9 9900k.
It's not smooth on mobile Firefox
Or mobile safari
This page feels very odd when I browse it how I usually do - pressing the PageDn button.
Reminded me of old Macromedia Flash webpages
This page lags on my S22 Ultra...