https://motion.dev/assets/about-iWLWXhpd.js

1import{j as e,L as n,w as r}from"./chunk-6CSD65Y2-C0TiM0T8.js";import{j as o,S as a,O as l}from"./structured-data-DAVN2gcQ.js";/* empty css              */import"./index-YGEmxD9o.js";import{c,o as m}from"./og-asset-aswtuBt0.js";import{m as d}from"./magazine-ByxyondB.js";function p(){return e.jsxs("article",{className:"docs docs--magazine docs--hoisted-header",children:[e.jsx("header",{className:"mag-dossier",children:e.jsxs("div",{className:"mag-dossier-inner",children:[e.jsxs("div",{className:"mag-dossier-kicker",children:[e.jsx("span",{className:"mag-dossier-kicker-caret",children:">"}),e.jsx(n,{to:"/",className:"mag-dossier-kicker-link",children:"Motion"}),e.jsx("span",{className:"mag-dossier-kicker-sep",children:"/"}),e.jsx("span",{children:"About"})]}),e.jsx("h1",{className:"mag-dossier-title",children:"About Motion"}),e.jsx("p",{className:"mag-dossier-desc",children:"Motion is an independent animation library, built and maintained by Matt Perry."}),e.jsxs("div",{className:"mag-dossier-byline",children:[e.jsxs("span",{className:"mag-byline-author",children:[e.jsx("img",{src:"https://images.motion.dev/magazine/ulZPf8sPx65JUasbGmCjltf6uEU.png",alt:"",className:"mag-byline-avatar",loading:"lazy",decoding:"async"}),"Matt Perry"]}),e.jsx("span",{className:"mag-byline-date",children:"Creator of Motion"})]})]})}),e.jsx("div",{className:"docs-article-layout mag-layout",children:e.jsxs("div",{className:"docs-content mag-content",children:[e.jsx("p",{children:"Hello! I'm Matt Perry, creator of Motion."}),e.jsx("p",{children:"I've been writing animation libraries for over a decade. You could call it a problem, but I'm enjoying myself 😅"}),e.jsx("p",{children:"I started writing my own animation libraries back in 2014 because I was unsatisfied with the feeling of the UIs I could create with CSS alone."}),e.jsx("p",{children:'For lack of a better word, they felt "webby", or a little janky.'}),e.jsx("p",{children:"CSS and native browser JavaScript APIs were really limited back then. So I was determined to make my first library, Popmotion, one where anything was possible."}),e.jsx("p",{children:"From there, I joined Framer to make Framer Motion. With Framer Motion, I concentrated on the simplicity of the API, while retaining Popmotion's limitless possibilities."}),e.jsx("p",{children:"Since then, browser APIs have come a long way, with new advances like the Web Animations API and Intersection Observer."}),e.jsx("p",{children:"Now, with Motion, I'm making an API that packages all the power and performance of these native browser animations into a user-friendly library, while also adding the superpowers of Framer Motion."}),e.jsxs("p",{children:["As an independent developer, Motion is sustained by ",e.jsx(n,{to:"/plus",children:"Motion+"})," and ",e.jsx(n,{to:"/partners",children:"company sponsorships"}),". Your support will keep Motion running into the future!"]})]})})]})}const M=()=>[{rel:"stylesheet",href:d}],s=`${a}/about`,t="About | Motion",i="Motion is an independent animation library, built and maintained by Matt Perry.",h=c({surface:"site",slug:"about",title:"The animation library for the web.",originLabel:"motion.dev/about",scheme:"home"}),P=()=>[{title:t},{name:"description",content:i},{property:"og:title",content:t},{property:"og:description",content:i},{property:"og:type",content:"website"},...m(h,"About Motion: independent animation library by Matt Perry"),{name:"twitter:title",content:t},{name:"twitter:description",content:i}];function b(){return{"@context":"https://schema.org","@type":"AboutPage","@id":s,url:s,name:t,description:i,publisher:{"@id":l},mainEntity:{"@type":"Person",name:"Matt Perry",jobTitle:"Creator of Motion",url:a,image:"https://images.motion.dev/magazine/ulZPf8sPx65JUasbGmCjltf6uEU.png",sameAs:["https://x.com/mattgperry","https://github.com/mattgperry"]}}}function u(){return{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Motion",item:`${a}/`},{"@type":"ListItem",position:2,name:"About",item:s}]}}const k=r(function(){return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:o(b())}),e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:o(u())}),e.jsx(p,{})]})});export{k as default,M as links,P as meta};