Mo.js - En komplett bevegelsesgrafikbibliotek for Internett

Animasjon på nettet er her for å bli som JavaScript blir bare kraftigere og nettleserstøtten vokser med hvert år som går.

De fleste animasjonene vi er kjent med, fokuserer på grensesnittet: rullegardinmenyer, tabbed-knapper og lysbildefremvisninger er vanlige eksempler.

Men Mo.js er annerledes. Dette er en JavaScript-bibliotek laget for tilpasset bevegelsesgrafik for å hjelpe designere lage fantastiske animerte funksjoner som går ut over enkle brukergrensesnitt.

Hvis du besøker Mo.js hjemmeside finner du full dokumentasjon sammen med en flott opplæring for nybegynnere.

Merk dette biblioteket er ganske vanskelig å jobbe med. Du bør være kjent med grunnleggende frontend-koding før du tinker med Mo.js alene. Det er imidlertid mye du kan plukke opp bare ved å studere live demoer og grave inn i noen av kildekoden.

Ta en titt på de viktigste GitHub repoene hvis du vil se noen demoer i aksjon.

Det er en hel liste over koblinger fra CodePen alle med live Mo.js demoer. Disse inkluderer fullscreen side animasjon lastere, klikk for å animere mikrointeraksjoner, og tonnevis med form manipulasjoner.

For eksempel skaper denne pennen en ganske gal mikrointeraksjon fra brukerinngang (bare klikk hvor som helst inni pennen for å se den).

Noen av disse pennene kan føles over toppen, men dette er ikke bare JS-animasjoner. De er virkelig som kunstverk.

Disse demonstrasjonene viser seg bare hvor langt vi har kommet med animasjon på nettet. Det faktum at noen kan skape disse effektene ved å bruke bare frontend-koden, er bare utrolig.

Hvis du vil se mer fra Mo.js, ta en titt på demoene på GitHub. Du kan også like denne opplæringen lære hvordan du arbeider med Mo.js-biblioteket trinn for trinn.

Uansett, dette er en av mine favoritt animasjonsbiblioteker til dags dato. Det gir så mye kontroll at du bare ikke kan finne noe annet sted. Og det bidrar til å bringe mikrointeraksjoner fra mobilapper til webdesign.