Einleitung

Animated ist eine Sammlung animierter React-Komponenten, die mit Tailwind CSS und Motion entwickelt wurden. Die Komponenten sind flexibel, minimalistisch und auf das Wesentliche reduziert. Sie sind somit ideal für moderne Webanwendungen.

Statt eines umfassenden Frameworks verfolgt Animated einen modularen Ansatz: Du erhältst strukturierte Codebeispiele, die du direkt in dein Projekt einfügen kannst. Dabei bleibt der gesamte Code nachvollziehbar, responsiv gestaltet und du behältst die Kontrolle über Struktur, Timing, Verhalten und Styling.

Einige der Komponenten enthalten neben Tailwind CSS und Motion auch noch den react-use-measure Hook, um die Höhe und Breite von Elementen dynamisch zu messen. Installiere den Hook am besten vorgängig in deinem Projekt, um Komplikationen zu vermeiden.

npm install react-use-measure