Preskočiť na obsah

Glaze je animačný framework pre web založený na utilitách, ktorý má zjednodušiť tvorbu animácií. Stavia na výkonnej animačnej knižnici GSAP, takže Glaze potrebuje na vytváranie zložitých animácií len minimum kódu. Inšpiruje sa návrhom Tailwind, ktorý uprednostňuje utility, a preto ponúka známe prostredie používateľom, ktorí už tento prístup poznajú.

Glaze priamo podporuje responzívny dizajn, vďaka čomu sa animácie môžu prispôsobovať rôznym veľkostiam obrazovky pomocou definovaných bodov zlomu. Framework plne podporuje časové osi, ktoré umožňujú zoradiť viacero animácií tak, aby prebiehali postupne alebo súbežne.

Glaze navyše používa bodkovú notáciu na zadávanie vnorených vlastností v objektoch nastavení, čím používateľom poskytuje úplnú kontrolu nad animáciami. Hoci momentálne podporuje iba GSAP, syntax frameworku Glaze nezávislá od konkrétnej knižnice vytvára predpoklady na budúcu kompatibilitu s ďalšími animačnými knižnicami.

Funkcie

  • Založené na GSAP, ktoré ponúka výkonné funkcie na tvorbu animácií
  • Dizajn inšpirovaný nástrojmi pre známy prístup HTML na prvom mieste
  • Responzívne animácie pomocou hraničných bodov
  • Podpora časových osí umožňujúcich sekvenčné alebo paralelné animácie
  • Bodková notácia na podrobnú kontrolu nad nastaveniami animácií
  • Syntax nezávislá od knižníc, pripravená na budúce rozšírenia

Súvisiace položky

AutoAnimate

Jednoducho obohaťte svoje webové aplikácie pútavými animáciami.

Motion One

Moderná knižnica webových animácií postavená na natívnych rozhraniach API prehliadača, ktorá zabezpečuje vysoký výkon a minimálnu veľkosť súborov.

anime.js

Táto animačná knižnica zjednodušuje tvorbu pútavých animácií pre webové aplikácie a spája flexibilitu s jednoduchým používaním.

Framer Motion

Výkonný nástroj na jednoduchú tvorbu pôsobivých animácií v aplikáciách React.

GSAP

Tento animačný nástroj vám umožňuje jednoducho vytvárať pútavé animácie a interakcie na webe, ktoré zlepšujú používateľský zážitok nad rámec bežných prechodov.

React Spring

Toto animačné riešenie prináša plynulé prechody s vysokým výkonom, ktoré vdýchnu život každému rozhraniu a prirodzene zlepšia používateľskú skúsenosť.

Sal

Táto knižnica umožňuje vývojárom doplniť webové aplikácie o plynulé animácie pri posúvaní stránky, ktoré sa spustia, keď sa prvky objavia vo výreze.

Tailwind Motion

Nova knjižnica animacij s preprosto sintakso za dodajanje gibalnih učinkov v UI s poudarkom na zmogljivosti in dostopnosti.