Was ist animejs.com?
Anime.js ist eine leichte JS-Animationsbibliothek ohne Abhängigkeiten, animiert CSS, SVG, DOM-Attribute und JS-Objekte, unterstützt Timelines, Keyframes und Easing, MIT-lizenziert, verfügbar über npm und CDN.
Anime.js
Was es ist
Eine leichte JavaScript-Animationsbibliothek, die DOM, SVG und normale Objekte als Objekte erster Klasse behandelt. Sie ist gebaut für präzise Kontrolle – Keyframes, Tweens, Timelines, die ganze Choreo – ohne ein Framework oder eine aufgeblähte Laufzeitumgebung mitzuschleppen.
Wie es funktioniert
Du definierst Eigenschaften, Easing und Dauer und setzt das dann zu Timelines zusammen, die wirklich Sinn ergeben. Die API ist verkettbar und gut lesbar, und die interaktive Doku auf der Website ist echt hilfreich. Unter der Haube läuft alles über requestAnimationFrame, also bekommst du flüssige Frames, ohne Mathe von Hand zu basteln.
Wo es passt
Top für Mikrointeraktionen, Logo-Spielereien, SVG-Charts und ein geschliffenes UI-Finish. Wenn du volle Physik, 3D oder epische Scroll-Geschichten brauchst, ist das nicht das richtige Werkzeug. Es spielt gut mit React/Vue/Svelte zusammen, braucht sie aber nicht.
Worauf achten
Timelines können zu Spaghetti werden, wenn du übertreibst, und es gibt keine eingebaute Orchestrierung für Scroll oder Gesten. Außerdem: Bau nicht nach, was modernes CSS gratis kann. Heb es dir für Momente auf, in denen Präzision und Sequenzierung wirklich zählen.
Welche Funktionen und Einsatzmöglichkeiten bietet animejs.com?
- Leichte JavaScript-Animations-Engine für Web-UIs ohne Abhängigkeiten
- Animiert CSS-Eigenschaften/Transformationen, SVG, DOM-Attribute und JavaScript-Objektwerte
- Timelines und Keyframe-Sequenzen, um komplexe, mehrstufige Animationen zu koordinieren
- Viele Easing-Voreinstellungen plus eigene cubic-bezier-Kurven für präzise Bewegungen
- Fein abgestimmte Steuerung: Abspielen/Pausieren, Umkehren, Schleifen, Verzögerungen, Laufzeiten und Richtungen
- Hilfsfunktionen für gestaffelte Listen, verkettete Sequenzen und Bewegung entlang von SVG-Pfaden
- Callbacks, Events und Promise-Unterstützung, um den Animationszustand mit der App-Logik zu verbinden
Preise
| Preiskategorie | Beschreibung | Preis |
|---|---|---|
| Kostenlos (Open Source) | MIT-lizenzierte JavaScript-Animationsbibliothek; kostenlos für private und kommerzielle Nutzung | kostenlos |
Die Preise können je nach Region variieren. Wir übernehmen keine Gewähr auf die Korrektheit der Preise. Für aktuelle Informationen siehe: https://animejs.com
Video
Bewertungen
Was sagen andere Nutzer über animejs.com?
Noch keine Bewertungen
Sei der Erste, der diesen Service bewertet!