Link:ssgoi.dev
SSGOI: Framework-agnostische Seitenübergänge im Web
SSGOI ist eine Bibliothek für native Seitenübergänge im Web. Sie basiert auf der Web Animations API und funktioniert unabhängig von konkreten Routern und UI-Frameworks.
Blendy: Framework-unabhängige Element-Übergänge für das Web
LinkTaha ShTool
Blendy ist eine leichtgewichtige JavaScript-Bibliothek, mit der sich weiche Übergangsanimationen zwischen verschiedenen DOM-Elementen umsetzen lassen.
Das Wichtigste
- Funktioniert unabhängig vom Framework und bietet Vorlagen für React, Vue sowie Svelte.
- Die Verknüpfung von Ausgangs- und Zielelement erfolgt über data-blendy-from- und data-blendy-to-Attribute.
- Inhalte der betroffenen Elemente müssen in ein einzelnes Wrapper-Element eingebettet sein.
- Unterstützt die Animationstypen 'dynamic' (Standard) und 'spring'.
- Bietet Methoden wie toggle, untoggle (mit Callback nach Abschluss) und update für dynamische DOM-Änderungen.
Warum das relevant ist
Flüssige Morph- und Expansions-Animationen (wie etwa das Öffnen eines Modals aus einem Button heraus) erfordern oft komplexe CSS- oder JavaScript-Berechnungen. Blendy vereinfacht diesen Ablauf deklarativ und ohne Bindung an ein bestimmtes Framework.
Einordnung
Das Tool setzt auf eine schlanke API und Data-Attribute, was die Integration in bestehende Frontends erleichtert. Da Entwickler lediglich Wrapper-Elemente vorgeben und die Ein- bzw. Ausblendung per toggle steuern müssen, eignet sich Blendy gut für interaktive UI-Komponenten wie Modals oder Popover.
Erwähnte Links
Gefunden in
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 6. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Ähnliche Einträge
Inhaltlich ähnlich, ermittelt über die KI-Suche.
Link:Jakub Antalik
Transitions.dev: UI-Transitionen für Web-Apps und KI-Agenten
Transitions.dev ist eine Sammlung von Benutzeroberflächen-Animationen für Webanwendungen. Die Übergänge decken Standardkomponenten sowie spezielle Interaktionsmuster für KI-Anwendungen ab und lassen sich direkt kopieren oder über einen Skill in KI-gestützte Coding-Agenten einbinden.
X-Post:Noah
Fünf Bibliotheken für UI-Mikrointeraktionen
Noah (@noahelhadedy) teilt eine Auswahl von fünf spezialisierten Frontend-Bibliotheken für UI-Mikrointeraktionen, darunter Theme-Toggles, Audio-Feedback, Morphing-Übergänge, Squircles und Seitentransitionen.
631Lesezeichen18.582Aufrufe
Link:transition-kit.space
Transition Kit: Vorlagen für Page- und Theme-Transitions
Transition Kit ist eine Ressourcen- und Template-Sammlung für Seitenübergänge und Theme-Wechsel im Web. Die Bibliothek nutzt die moderne View Transitions API, bietet Live-Vorschauen im Browser und erlaubt das direkte Anpassen und Kopieren des Codes.
Link:Matt Perry
Motion: Web-Animationsbibliothek für React, JavaScript und Vue
Motion (ehemals Framer Motion) ist eine unter der MIT-Lizenz veröffentlichte Animationsbibliothek für React, JavaScript und Vue. Sie nutzt eine Hybrid-Engine aus JavaScript und hardwarebeschleunigten Browser-APIs (wie ScrollTimeline). Neben über 430 Beispielen bietet das Ökosystem Entwicklertools wie Motion UI, einen KI-Kit für Coding-Agenten und MotionScore für Performance-Audits.
Repository:motiondivision/motion
Motion: Animations-Framework für React, JavaScript und Vue
Motion (früher Framer Motion) ist eine etablierte Open-Source-Bibliothek für Web-Animationen. Sie kombiniert eine deklarative JavaScript- und TypeScript-API mit nativen Browser-Schnittstellen, um GPU-beschleunigte Animationen mit bis zu 120 fps für moderne Benutzeroberflächen bereitzustellen.
34.743SterneTypeScript
Sprechen wir über Ihr Projekt.
Standorte
- Mattersburg
Johann Nepomuk Bergerstraße 7/2/14
7210 Mattersburg, Austria - Wien
Ungargasse 64-66/3/404
1030 Wien, Austria
Ein Teil von diesem Inhalt wurde mit KI gemacht.