AnimeJs v4 Is Here - Hacker News

Posted by adrianvoica 4/3/2025

973 points | 155 commentspage 2

yamihere 4/4/2025|

Just joining in with the “Wow, this is amazing” crowd. I usually detest websites that dink with scrolling to animate content in and out of view, except for well designed long form narrative content; but this is slick.

A challenge to all the “10x-ed my productivity” LLManiacs: how long to recreate this landing page using nothing but prompts (and how much $$ for a how-to course :)

A challenge to the “the’re gonna take our jobs” LLMongers: git gud, its possible. this is living proof.

(yes, i did just want to post those portmanteaus, even though it was all ChatGPT: https://pastebin.com/zrsj6DcB )

majora2007 4/3/2025||

This is insane. API looks great, landing page is the best thing I've ever seen and just so feature rich. I wish I had a way to use this in my primary application.

monetus 4/3/2025||

This works really well on the less conventional android browsers I use. Kudos to them, says good things about the library.

flufluflufluffy 4/3/2025||

This is INCREDIBLE. What! I could spend hours just playing around with the hecking documentation pages. EVERYTHING is so well thought out AND presented. I'm in awe.

XCSme 4/3/2025||

The landing page is amazing!

The only issue I found with it was when checking the responsive layout example, I tried to resize my browser window and then the scroll was reset to top :(

bleuarff 4/3/2025|

Handling resize is a different beast than being responsive. Working for every viewport dimension under the sun is not the same thing as gracefully handling an animation while the viewport size changes - the latter is much more challenging.

XCSme 4/3/2025||

I agree, I was not even expecting it to handle the resize well. I just thought the landing page wanted me to resize my window to test responsiveness (before I noticed that the animation itself changes the content area size).

That being said, when resizing a window, the scrollbar should not reset/jump to top. At the very least, it should revert to what it was when going back to full size.

wg0 4/3/2025||

Anyone remembers DHMTL from Internet Explorer 4.0? From that - to this. What an evolution of web technologies.

ksec 4/5/2025||

Yes and we still haven't perfected the idea of DHTML.

manx 4/3/2025|||

Haha, yes. Ist was a great time. document.all etc

philsnow 4/3/2025||

I was just working on a "web app" for personal use yesterday where I'm doing document.getElementById and so forth. It still works ¯\_(ツ)_/¯

photonthug 4/4/2025||

Probably a dumb question but.. Is the 3d exploding diagram model of the engine here just a visual metaphor for a complex system working in sync with itself? Or actually created using the toolkit? I flipped through the API and everything appears to be lower-level animation support, but intro gives the impression that it's CAD-like.

leptons 4/3/2025||

Love that the source is in Javascript, with type annotations. The compiled files in the /lib folder are also much smaller than I expected. I will likely be using this.

kilolympus 4/3/2025||

It could just be me running a CPU that's too old or an unconventional browser (Microsoft Edge), but the website is extremely laggy (less than 1 update per second) and the tab immediately starts using 80% of my CPU with fans blaring. Got an 8th gen Intel i7 if it matters.

SwiftyBug 4/4/2025||

There's nothing unconventional about Microsoft Edge. It's pretty much Chrome.

spartanatreyu 4/3/2025||

What GPU do you have?

kilolympus 4/4/2025||

It's a laptop GPU - there's the integrated Intel UHD Graphics 620 card and the dedicated NVIDIA GeForce MX150. Both are pretty old (6-7 years?) but are capable of running most 3D games so I was a bit surprised.

EDIT: P.S. What might help debug is that I have hardware acceleration enabled in the browser, but the GPU is not doing any work on the animejs homepage. For e.g. YouTube, the GPU does a lot of work so I've verified hardware accel works.

spartanatreyu 4/7/2025||

Youtube would be playing videos which tend to run on GPUs.

But just because you have hardware accelerated videos doesn't mean that everything in your browser is hardware accelerated.

I'd recommend checking out "edge://flags" in your browser, then searching for "canvas" and see if hardware acceleration is enabled.

iamunr 4/3/2025|

These docs are a work of art themselves, fantastic.

More comments...