Normal Computing
AI Infrastructure
← Websites
Anime.js
A lightweight JavaScript engine for animating anything on the web
Visit site ↗
3.8MB · 21,142px tall · uses DIN, Mono
Industry
Devtools
Style
Minimal, Typographic, Scroll Animation
Stage
Private
Built with
Custom
About the site
Anime.js is an open-source JavaScript library for animating DOM properties, SVG paths, CSS transforms, and JS objects through one compact, chainable API. Fittingly, the homepage is itself a demo reel: each feature section, from the Timeline API to Scroll Observer and Draggable, runs a small live animation beside the code that builds it. Bold, oversized headlines anchor each section while body copy and monospace code stay understated, so the motion is the interface. A strong reference for docs-as-marketing sites in the devtools space.
How this page sells
For front-end developers choosing an animation library: the page is built with the library, so every screen is a working demo.
Primary navigation
- Docs
- Easings
- Learn
- Sponsor
'All-in-one animation engine.' next to a glowing, live-animated dial. Where a Sign up button would go, there's a copyable `npm i animejs` chip, and the nav's only coloured button is a red Sponsor.
Why it converts: For a library, converting means installing. Putting the install command in the main button slot removes every step between 'this looks good' and trying it.
A scroll-driven technical drawing of an engine pulling apart, each part labelled with a module: timeline, stagger, svg, spring, draggable, scroll, scope.
Why it converts: The site animates its own pitch, so every scroll is a live proof of the product, and the parts diagram makes 'all-in-one' read as engineered rather than bloated.
A 'Bundle size' meter drops from 27.13 KB to 11.50 KB as modules switch off, under the line 'only import the parts you need'.
Why it converts: Weight is the first objection a developer raises against an all-in-one library. A number they can watch shrink answers it before they open the docs.
Eight full-screen features, each titled in its own colour (Intuitive API, Scroll Observer, SVG toolset, Springs and draggable, Runs like clockwork…) with a running example and a one-line promise.
Why it converts: Each screen answers one 'can it do X?' question a developer arrives with, using a working example instead of a claim, which is what decides a library install.
The hero dial returns with a 'Funding goal 13%' bar, a row of backer avatars and 'Support the project, become a sponsor', beside the current sponsor's logo.
Why it converts: An open-source project can't sell a plan, so it sells belonging. A visible goal with real backers' faces makes sponsoring feel like joining a group, not donating into a void.
A grid of doc entry points (Getting started, Timer, Animation, Timeline, Draggable, SVG, Easings) with the same colour dots as the feature screens, then a newsletter field.
Why it converts: Whatever convinced the reader has a direct link to its docs page, so the next click is learning it rather than searching for it.
