Zum Inhalt springen

Glaze ist ein hilfsklassenbasiertes Animationsframework für das Web, das die Erstellung von Animationen vereinfacht. Es basiert auf GSAP, einer leistungsstarken Animationsbibliothek, und Glaze benötigt nur wenig Code für komplexe Animationen. Inspiriert vom Utility-First-Design von Tailwind bietet es eine vertraute Bedienung für alle, die diesen Ansatz bereits kennen.

Glaze unterstützt responsives Design von Haus aus: Animationen passen sich anhand festgelegter Breakpoints an verschiedene Bildschirmgrößen an. Das Framework unterstützt Timelines vollständig, sodass mehrere Animationen nacheinander oder gleichzeitig ablaufen können.

Außerdem bietet Glaze Punktnotation für verschachtelte Eigenschaften in Einstellungsobjekten, wodurch du Animationen umfassend steuern kannst. Derzeit wird nur GSAP unterstützt. Die bibliotheksunabhängige Syntax von Glaze schafft jedoch die Grundlage für die künftige Kompatibilität mit weiteren Animationsbibliotheken.

Funktionen

  • Basiert auf GSAP und bietet leistungsstarke Animationsfunktionen
  • Utility-inspiriertes Design für einen vertrauten HTML-First-Ansatz
  • Responsive Animationen dank Breakpoints
  • Unterstützung für Timelines mit sequenziellen oder parallelen Animationen
  • Punktnotation für die präzise Steuerung von Animationseinstellungen
  • Bibliotheksunabhängige Syntax für künftige Erweiterungen

Ähnliche Einträge

AutoAnimate

Erweitere deine Webanwendungen mühelos mit fesselnden Animationen.

Motion One

Eine moderne Web-Animationsbibliothek auf Basis nativer Browser-APIs, die für hohe Geschwindigkeit und eine winzige Dateigröße sorgt.

anime.js

Diese Animationsbibliothek vereinfacht das Erstellen ansprechender Animationen für Webanwendungen und verbindet Flexibilität mit einfacher Bedienung.

Framer Motion

Ein leistungsstarkes Tool, mit dem du mit wenig Aufwand beeindruckende Animationen in deinen React-Anwendungen erstellst.

GSAP

Mit diesem Animationstool erstellst du mühelos ansprechende Animationen und Interaktionen im Web und verbesserst so das Nutzererlebnis über einfache Standardübergänge hinaus.

React Spring

Diese Animationslösung sorgt für flüssige, performante Übergänge, die jede Benutzeroberfläche lebendiger machen und das Nutzererlebnis nahtlos verbessern.

Sal

Mit dieser Bibliothek kannst du deine Webanwendungen um flüssige Scroll-Animationen erweitern, die starten, sobald Elemente in den sichtbaren Bereich gelangen.

Tailwind Motion

Eine neue, einfach zu verwendende Animationsbibliothek mit neuer Syntax, die UI durch Bewegungseffekte ergänzt und dabei Leistung und Barrierefreiheit in den Mittelpunkt stellt.