Med rundt 4,6 millioner nedlastinger i uken, er Framer Motion antagelig det aller mest populære animasjonsbiblioteket for React.
Nå bytter Framer Motion navn til Motion, etter at Framer har valgt å skille ut prosjektet som et eget åpen kildekodeprosjekt. I den forbindelse har biblioteket fått et helt nytt hjem: motion.dev
⚡️ We’re spinning out Framer Motion as its own independent open-source project. The animation library, which powers all Framer sites, has become the most popular React animation library worldwide. Led by @mattgperry, its independence will help it grow faster and benefit the whole… pic.twitter.com/MqrXyNb1w2
— Framer (@framer) November 12, 2024
Det aller mest interessante er imidlertid at biblioteket nå ikke lenger er bare et React-bibliotek – du kan bruke det også i vanilla JavaScript eller med andre frontendrammeverk som for eksempel Vue.
Ble kjøpt av Framer
Det er utvikleren Matt Perry som står bak Motion-biblioteket, og som har ansvaret for å videreutvikle det nå som det skal stå på egne ben.
For seks år siden ble Perrys prosjekt "Popmotion" kjøpt opp av Framer, et selskap som lager et nettsidebygger-verktøy. Selskapet ønsket ifølge et blogginnlegg fra Perry et enkelt og fleksibelt React-API for å lage animasjoner. Dette ble til Framer Motion.
Biblioteket ble raskt veldig populært, og selv om det nå brukes til animasjoner på nettsteder laget med Framer, brukes det antagelig mye mer andre steder.
– Vi føler at den beste måten å sikre Motions fremtid som en sentral drivkraft for animasjoner, ikke bare på Framer- eller React-nettsteder, men for alle nettsteder, er å gjøre det til et uavhengig, åpent kildekodeprosjekt for fellesskapet, skriver Perry.
Nye "vanilla-API-er"
Perry skriver at en av de tingene brukere har etterspurt mest, er å kunne bruke Framer Motion utenfor React.
– I dag blir Motion mer enn et React-bibliotek, med et fantastisk sett med vanilla-API-er som gjør Motions hybrid-motor og omfattende funksjonalitet tilgjengelig for alle.
Ikke alt fra Framer Motion er tilgjengelig for bruk i vanilla JavaScript ennå, men Perry lover at mer kommer i løpet av de neste ukene og månedene.
Det vil også komme nye guider og dokumentasjon som viser hvordan du kan bruke biblioteket overalt. Det jobbes blant annet med en integrasjonsguide for Vue.
Selv om Framer nå har spunnet ut Motion som et eget åpent og uavhengig prosjekt, kommer de fortsatt til å sponse prosjektet. I tillegg har blant andre Tailwind gått inn som sponsor.
PS: Visste du at vi bruker Motion på de nye nettsidene til kode24-dagen? Nå vet du det.
