<- Back
Comments (124)
- jacobgkauScrolling through that landing page felt a lot smoother & snappier than I would've expected for a page looking like that.
- h2zizzleStill waiting for the WYSIWYG GUI-base authoring tool for a web animation API. You know what artists - animators - generally don't like? Wading through docs and code to spin a square. It's been about a decade since the average of the various watersheds in the slow death of Flash, and we still don't have a replacement.
- rsinglaI cannot believe this is real, it was so well done. It felt like creativity of the internet from the early 2000s met the polished design standards of today.
- pentagramaWow, that homepage was one of the more complex and layer filled interactive animations that I ever seen running so smoothly on a mobile browser. Those FPS feel like a Doom 2016 on a beefy PC.
- Mr_Eri_AtlovThis looks amazing, is there a plugin to convert CAD parts for use like this? Exploding part views in this style would look so fantastic.
- qginThis is the first time I haven’t hated scroll hijacking. That was actually really smooth.
- skeritLooks very nice!Having said that: I severely hate content in this form, where you have to scroll like your life depends on it just to read a paragraph or two.
- thih9I like that I can grab and drag the browser’s scroll indicator and the animation updates seamlessly (safari mobile).
- NijikokunI thought the main site was amazing, then I saw the docs. Absolutely amazing work. Well done. Extremely excited to try out WAAPI.
- solid_fuelI love it, but... Going to this page https://animejs.com/documentation/scope/ with ublock origin enabled in my Firefox (136.0.3) immediately crashes the tab. Which certainly made for a funny experience right after scrolling through the very impressive intro animation.
- yamihereJust 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 )
- steve_adams_86I can't speak to what it's like to actually work with this, but I really like the API design and docs. This feels really well thought out. Looking through the timer docs for example, it took just a minute or so to understand what the timer API can do and how to do it. This gives me a lot of confidence to try out the library.As others have said, beautiful work on the lander. It looks and performs beautifully.
- bobajeffThis runs surprisingly very smoothly even on my phone's browser.This looks to be rendered in real time. I feel this kind of 3d animation would be difficult for me to achieve in blender on my PC.
- photonthugProbably 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.
- majora2007This 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.
- monetusThis works really well on the less conventional android browsers I use. Kudos to them, says good things about the library.
- MyrmornisI'm interested in creating animated technical diagrams. I'm looking for something high level that would allow rapid progress on prototyping a diagram. Perhaps vaguely analogous to manim, but either native JS or producing lightweight assets that can be hosted in a web page. Does anyone have any suggestions?
- flufluflufluffyThis 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.
- nedtThe one thing I'm missing is the brag page. Knowing GSAP I'd really like to see why it would be better. It doesn't have to be a fair comparison. Greensock can then say why they'd still be better. But as we do have options it would be nice to see where they match and where they differ.
- anonundefined
- kamranjonI was absolutely floored by the website, what a way to knock it out of the park.I have never heard of this library before, but it’s going to stick in my head the next time I’m looking for a JS animation lib.Definitely kinda highlights the importance of first impressions.
- XCSmeThe 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 :(
- wg0Anyone remembers DHMTL from Internet Explorer 4.0? From that - to this. What an evolution of web technologies.
- FlorianRapplThis is why I love HN. Not sure if I would have gotten the memo... Impressive tech, useful lib, super awesome landing page. Just blown away!
- iamunrThese docs are a work of art themselves, fantastic.
- drschwabeBravo, been looking forward to this but AnimeJs v3 has just been so solid for so long honestly you did amazing on v3 that v4 is just icing on top; excited to try this out on my next project.async/await + animation (ie- with AnimeJS) is highly underrated.And mad props for skipping the now dying trend of refactoring entire codebase to TypeScript :)
- kilolympusIt 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.
- skeptruneI feel like web tech is getting a lot more mature and reliable. Just my personal vibe-read, but JS libs on the whole seem to be getting to be consistently hitting higher quality bars.
- donatjOoh, this reminds me a lot of MooTools' optional FX package back in the early aughts. I've still got it in a couple places because it's been difficult to replace.
- maelitoHow does it compare to Motion ?
- wwdxAre there any example projects built with this?
- wilfredkThe animations in the docs page is crazy informative, interactive and fluid.
- ViscountPenguinWow, this is incredibly laggy on Ubuntu Firefox...
- esafakAre today's LLMs capable of writing code using these animation libraries? Could you replicate the landing page from its description, for example?
- mrbluecoatI stared at the homepage on my smartphone for a while and thought "That's really quite good." Then I started scrolling...<mind>me</blown>
- anonundefined
- true_bluethe website is just a blank black page for me no matter how long I wait. clearly that's not what it's supposed to be going by the other comments, so that's a bit disappointing.
- pacomerhI love how CSS Transforms are so efficient. This is a great lightweight alternative over GSAP.
- mfruthis felt shockingly smooth, what a great job!
- A_StefanI remember using the same library few years ago for a stagger effect. Glad to see it's still alive and doing even better. The intro experience was beautifully crafted. It has me convinced to add an use to my projects
- Tade0I love how breaking changes in the latest version are shown as diffs.
- rgovostesAre there authoring tools available, as with Lottie, or is it code-only?
- Agree2468Completely black for me, FF on Windows.
- leptonsLove 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.
- jbverschoorI can feel the rotary dials tick on my mouse scrollwheel :-)How was the model on the homepage created?
- melodyogonnaFinally. AnimeJS is such an amazing project, congratulations on the release.
- iamsaitamAmazing homepage, congratz!
- p2harijust as others mentioned, the whole landing page and the docs page is really nice work. It was loading well and the final scroll to bottom :). Thanks for the library and the work put in.
- rocketvoleThis might just be the thing that makes me seriously learn js
- card_zeroThis cartoon show is almost like a web page!Incidentally it crashed the browser the second time I looked at it.
- AlienRobotEh, that's cute.scrolls downWow. Okay.
- anon1094Awesome landing page
- cess11Quite impressive, and the showcase of breaking changes on the git repo gives the impression this release comes with a much nicer API than the previous one.
- revskillThe web is powerful.
- yakshaving_jgtWhomever designed that interactive landing page animation deserves some kind of Nobel prize.
- EQYVThis is beautiful!
- nicman23no bad programmers
- adrianvoicaIt's showtime!
- JusticeJuiceThis is so cool.
- shmerlVery cool presentation page!
- yieldcrvthis is amazing, in my experience I haven't found much utility for visualization heavy UX. Like professionally.I have spun up landing pages and things for things I've monetized. The crypto crowd loves it. But I don't put that stuff on my resumeWhat do you all use snazzy UX for?I do find creating and expressing myself this way to be fulfilling though. Which is good enough, I just never considered myself doing it for the art and art communities. Websites aren’t really consumed that way.
- matt3210No anime here :(
- cynicalpeacethis is chef's kiss
- anonundefined
- anonundefined
- IronCoder1[flagged]
- notepad0x90Devs, please don't use this. it is unusable for me when browsing in a VM with a pretty snappy internet connection. The only other site that has compute/graphics resource issues for me is Netflix (its competition Prime, Youtube,etc.. have no issues, so i can only presume bad software dev decisions).