Přejít k obsahu

Glaze je animační framework pro web založený na utilitách, který zjednodušuje tvorbu animací. Vychází z GSAP, výkonné animační knihovny, a Glaze umožňuje vytvářet složité animace s minimem kódu. Inspiruje se přístupem Tailwind založeným přednostně na utilitách a nabízí známé prostředí uživatelům, kteří tento přístup již znají.

Glaze nativně podporuje responzivní design, takže se animace mohou přizpůsobovat různým velikostem obrazovky podle definovaných breakpointů. Framework plně podporuje časové osy, které umožňují řadit více animací za sebe nebo je spouštět souběžně.

Glaze navíc umožňuje pomocí tečkové notace určovat vnořené vlastnosti v objektech nastavení, a poskytuje tak uživatelům úplnou kontrolu nad animacemi. Přestože v současnosti podporuje pouze GSAP, syntaxe knihovny Glaze nezávislá na konkrétním animačním nástroji připravuje půdu pro budoucí kompatibilitu s dalšími animačními knihovnami.

Funkce

  • Vychází z GSAP a nabízí výkonné možnosti animací
  • Návrh inspirovaný utilitami pro známý přístup zaměřený na HTML
  • Responzivní animace pomocí bodů zlomu
  • Podpora časových os pro řazení animací za sebe i jejich souběžné spouštění
  • Tečková notace pro podrobné nastavení animací
  • Syntaxe nezávislá na knihovně připravená na budoucí rozšíření

Související položky

AutoAnimate

Snadno vylepšete své webové aplikace poutavými animacemi.

Motion One

Moderní knihovna pro webové animace postavená na nativních rozhraních API prohlížeče, která zajišťuje vysoký výkon a malé soubory.

anime.js

Tato animační knihovna zjednodušuje tvorbu poutavých animací pro webové aplikace a spojuje flexibilitu se snadným používáním.

Framer Motion

Výkonný nástroj pro snadnou tvorbu působivých animací v aplikacích React.

GSAP

Tento animační nástroj umožňuje snadno vytvářet poutavé animace a interakce na webu, které obohacují uživatelský zážitek nad rámec běžných přechodů.

React Spring

Toto animační řešení přináší plynulé a výkonné přechody, které oživí každé rozhraní a přirozeně vylepší uživatelský zážitek.

Sal

Tato knihovna umožňuje vývojářům vylepšit webové aplikace plynulými animacemi při posouvání, které se spustí, když se prvky dostanou do zorného pole.

Tailwind Motion

Nová knihovna animací s jednoduchou syntaxí pro vylepšení UI pohybovými efekty, se zaměřením na výkon a přístupnost.