Allgemeine Tools

Alles über Animation.

Nicht jedes Tool ist ein KI-Modell. Das hier sind die vier JavaScript-Bibliotheken, mit denen ich Websites zum Leben erwecke, von leichten Micro-Interactions bis zu komplexen Scroll-Choreografien. Jede mit Direktlink zur offiziellen Seite.

Bibliotheken

01 · JS-Engine

anime.js.

Schlanke, quelloffene Animations-Engine. Bewegt CSS-Eigenschaften, SVG, DOM-Attribute und reine JavaScript-Objekte über eine einzige, elegante API. Perfekt für verspielte Micro-Interactions ohne schweres Framework.

CSS · SVG · DOM · JS-Objekte · MIT-Lizenz Zur Website

02 · React & Vanilla JS

Motion.

Der Nachfolger von Framer Motion, production-ready für React und Vanilla JS. Die hybride Engine kombiniert die weiche Optik von Spring-Physik mit der Hardware-Beschleunigung der nativen Web-Animations-API.

React · Vanilla JS · Hybrid-Engine · Spring & Timeline Zur Website

03 · React

React Spring.

Physik-basierte Spring-Animationen für React. Statt starrer Zeitangaben rechnet die Hooks-API mit Masse, Spannung und Reibung. Bewegungen fühlen sich dadurch natürlich und organisch an, nicht mechanisch abgezählt.

React · Spring-Physik · Hooks-API Zur Website

04 · Profi-Standard

GSAP.

Der Industrie-Standard für anspruchsvolle Web-Animation. Präzise Timelines, das legendäre ScrollTrigger-Plugin und kompromisslose Performance, und seit der Übernahme durch Webflow sind alle Plugins zu 100 % kostenlos.

Timeline · ScrollTrigger · 100 % kostenlos Zur Website