Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Framer Motion
Was ist Framer Motion?
Framer Motion ist eine Animationsbibliothek für React. Sie beschreiben über eine deklarative API, wie Elemente sich bewegen, ein- und ausblenden und auf Interaktion reagieren. So schreiben Sie, wie eine Animation aussehen soll, statt manuell Bild für Bild durchzugehen. Ein einziges motion.div mit einer animate-Prop ersetzt einen Stapel CSS-Keyframes und JavaScript-Timing-Code.
Es entstand aus Framer, dem Designtool, und wurde als eigenständige React-Bibliothek quelloffen gemacht. 2024 wurde es in Motion umbenannt und auf reines JavaScript und andere Frameworks erweitert, auch wenn die meisten es weiter Framer Motion nennen. Es meistert die schweren Teile der Bewegung gut: Feder-Physik, die sich natürlich anfühlt, Gesten wie Ziehen und Hover, Layout-Animationen, die Elemente sanft überblenden, wenn sich das DOM neu anordnet, und orchestrierte Sequenzen über viele Komponenten hinweg. Ein Produktteam, das einen befriedigenden Übergang ergänzt, wenn sich eine Karte zu einem vollen Panel ausklappt, würde normalerweise zur Layout-Animation greifen.
Es konkurriert mit React Spring und mit handgeschriebenem CSS. CSS ist leichter, wenn Sie nur ein einfaches Hover oder Fade brauchen. Framer Motion verdient sein Gewicht, sobald Interaktionen koordiniert, unterbrechbar oder an den Komponentenzustand gebunden sind.
Framer Motion bei Dallonses
Wir nutzen Framer Motion, wenn Bewegung Teil dessen ist, wie ein Interface kommuniziert, nicht am Ende aufgestreute Dekoration. Gute Animation sagt dem Nutzer, woher etwas kam und wohin es ging. Wir bringen sie in Webentwicklung und Design zugleich ein, damit die Entwickler, die den Übergang bauen, und die Designer, die ihn formen, dieselbe Absicht lesen.
Wir halten sie zurückhaltend. Bewegung, die gegen den Nutzer arbeitet oder einen Ablauf bremst, ist schlimmer als gar keine. Deshalb testen wir sie auf echten Geräten und streichen alles, was zäh wirkt. Wenn ein Partner ein Interface will, das lebendig wirkt, ohne unruhig zu sein, ist das meist das Werkzeug unserer Wahl.
Wollen Sie Bewegung, die führt statt ablenkt? Gestalten wir sie gemeinsam.
Verwandte Dienstleistungen
Verwandte Arbeiten
Vizitio
Eine Marke in ein funktionierendes Geschäft verwandeln.
Access Ticket
Eine halbe Million Menschen. Eine App. Null Chaos.
Bereit zum Zusammenarbeiten?
Termin buchen
