Hoppa till innehåll

Glaze är ett verktygsbaserat animeringsramverk för webben som förenklar arbetet med att skapa animeringar. Det bygger på GSAP, ett kraftfullt animeringsbibliotek, och Glaze behöver väldigt lite kod för att skapa avancerade animeringar. Inspirerat av Tailwinds verktygscentrerade design erbjuder det en välbekant upplevelse för användare som redan känner till metoden.

Glaze har inbyggt stöd för responsiv design, så animeringar kan anpassas till olika skärmstorlekar genom definierade brytpunkter. Ramverket har fullt stöd för tidslinjer, vilket gör det möjligt att ordna flera animeringar efter varandra eller köra dem samtidigt.

Dessutom har Glaze punktnotation för att ange nästlade egenskaper i inställningsobjekt, vilket ger användarna omfattande kontroll över animeringarna. Även om GSAP är det enda som stöds just nu, banar Glazes biblioteksoberoende syntax väg för framtida stöd för andra animeringsbibliotek.

Funktioner

  • Bygger på GSAP för kraftfulla animationsmöjligheter
  • Verktygsinspirerad design med ett välbekant HTML-först-tillvägagångssätt
  • Responsiva animationer med brytpunkter
  • Stöd för tidslinjer med sekvenserade eller parallella animationer
  • Punktnotation för detaljerad kontroll över animationsinställningar
  • Biblioteksoberoende syntax som kan utökas i framtiden

Relaterade objekt

AutoAnimate

Förbättra enkelt dina webbapplikationer med fängslande animationer.

Motion One

Ett modernt bibliotek för webbanimationer, byggt på webbläsarens inbyggda API:er för hög prestanda och liten filstorlek.

anime.js

Det här animationsbiblioteket förenklar arbetet med att skapa engagerande animationer för webbapplikationer och kombinerar flexibilitet med enkel användning.

Framer Motion

Ett kraftfullt verktyg för att skapa imponerande animationer i dina React-applikationer med minimal ansträngning.

GSAP

Med det här animationsverktyget kan du enkelt skapa engagerande animationer och interaktioner på webben som förbättrar användarupplevelsen utöver vanliga övergångar.

React Spring

Den här animationslösningen ger mjuka övergångar med hög prestanda som ger liv åt alla gränssnitt och förbättrar användarupplevelsen på ett sömlöst sätt.

Sal

Det här biblioteket gör det möjligt för utvecklare att förbättra sina webbapplikationer med mjuka rullningsanimationer som startar när element blir synliga.

Tailwind Motion

Ett nytt, enkelt animationsbibliotek med syntax för att skapa rörelseeffekter i UI, med fokus på prestanda och tillgänglighet.