Motion One Reviews and details

Social recommendations and mentions

• Web Animation with GSAP: A Superior Alternative to CSS and JavaScript

  The code quality of GSAP is pretty terrible too. The codebase is prehistoric in terms of best practices, it doesn’t tree-shake well, their package exports are mis-configured, their type definitions are bad or missing, their api’s are wildly bloated making it easy to get lost or write inefficient code, licenses are convoluted, and the performance isn’t great compared to just using CSS, SMIL, or the Web Animation... - Source: Hacker News / 3 months ago

• Anime.js – A lightweight JavaScript animation library

  Web Animations API isn't blocking IIRC. https://motion.dev/ uses it. - Source: Hacker News / 10 months ago

• Anime.js – A lightweight JavaScript animation library

  Motion One is the non-react version of Framer Motion. https://motion.dev/. - Source: Hacker News / 10 months ago

• Themes built well for dev tinkering/extending

  For instance, all our newer themes ship with Motion, an incredible, lightweight animation library based on WAAPI (https://motion.dev/). Source: 11 months ago

• CSS Tips for Better Web Development

  You’re probably gonna need JavaScript for animations as we’ve seen in some of the animation examples. For a clean API and great perf with a small bundle check out Motion One (the vanilla JS equivalent to Reacts Framer-Motion, fun fact: they were written by the same person). - Source: dev.to / about 1 year ago

• Page Transitions

  Playing around with motion.dev with SK has been fun. From my limited experience I put a fade transition on the body tag that worked well. Source: over 1 year ago

• Which JS animation library do you use? Looking for the best performance and easiest implementation.

  GSAP is very heavy on your bundle, though. I’d recommend https://motion.dev. Source: over 1 year ago

• Houses Of is back with a brand new website using SvelteKit!

  As you might remember from over 2 years ago, my passion project Houses Of is now back with a brand new website using the latest SvelteKit and a sweet stack (Directus 9, Motion One for animations, OGL -and lots of sweat- for the WebGL globe, and Vercel for hosting). Source: over 1 year ago

• I made a Web Animations API based animation library for React - react-animatable

  Was this a learning exercise for you, or is your hope that this project sees wider adoption? If it was just for learning, nice one! If you’re hoping to get wider adoption by others, you might struggle to capture mindshare with https://motion.dev/ out there (made by the creator of Framer Motion and powered by WAAPI also). Source: almost 2 years ago

• Javascript animation in LWC, tried Motion one

  Just stumbled upon his new library 'motion one' https://motion.dev Really cool and easy, and would love to bring some subtle interactivity in my small LWC widgets. Source: almost 2 years ago

• I couldn’t be prouder of my intro/mock-up of my already built Mac app (sprintdock.app). Thoughts guys?

  These animations seem to be running from JS (at least that’s what it looks like to me), use CSS animations where possible and GPU accelerated ones where you need a bit more control (Motion One, Framer Motion, GSAP). Source: about 2 years ago

• Motion One for Vue

  I've been using motion.dev on a vue project since november and I really like it. Glad to see a vue component got released for it as well! Source: over 2 years ago

• Animate your Angular App using Motion One

  Motion One is a new animation library built on the Web Animations API. If you have used Popmotion or Greensock before, this library's syntax should look very familiar. - Source: dev.to / over 2 years ago

• This week, #4

  Yet another project to draw and move things in JavaScript. It looks cool. A good time to remind how awesome d3js is. - Source: dev.to / over 2 years ago