Motion One

Languages and libraries

animation library

SHOW HN2021

327points
58comments
#104of 2,533 in 2021
Top 5%of 2021 by points

How HN took it

CuriousMostly questions and neutral comments

4 positive, 18 neutral or asking, 0 mixed, 8 critical, out of 30 comments about the project. Thread score -0.05.

Execution: 0 for, 5 againstDocs: 0 for, 2 againstPricing: 1 for, 1 againstIdea: 1 for, 0 againstDesign: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Clean, simple API and nice documentation

    From 3 comments
    • I think sponsorship to access the github repo is smart. This is similar to what the alpinejs creator did with his "sponsorware" approach. The animations api looks very simple as…
      swlkr on HN
    • Pretty cool and nice documentation. I liked the sandbox to run the samples, anyone know what library that is used for it?
      kennethh on HN
    • This looks really nice! 2 bits of feedback: - hitting 'play' on your site's demo animations is adding pageviews to my history, which made getting back here to leave feedback…
      wcarss on HN
  • Small bundle size compared to alternatives

    From 1 comment
    • Hi HN! I'm Matt, author of Framer Motion and Popmotion. Today I'm launching my new side-project, Motion One. It's a new animation library built on the Web Animations API (WAAPI).…
      SirHound on HN

Objections

  • Site bugs: back button hijacked, play button adds history entries

    From 2 comments
    • The website hijacked the "back" functionality of my browser. Not a fan of that.
      andrewnc on HN
    • This looks really nice! 2 bits of feedback: - hitting 'play' on your site's demo animations is adding pageviews to my history, which made getting back here to leave feedback…
      wcarss on HN
  • Broken or janky demos on iOS Safari

    From 2 comments
    • The last three examples in the guide don’t work on my iOS Safari. “Options” and “Keyframes” don’t respond, and “Stagger” shows the boxes instantly teleporting. Also, the home…
      FractalHQ on HN
    • Safari on IOs
      tartoran on HN
  • Lack of demos on the front page

    From 2 comments
    • My primary measure of interest in animation libraries is demonstrations/showcases of the library in action. I could see nothing like this on the front page so I closed it. I'd…
      andrewstuart on HN
    • Looks very interesting -- it would be nice to have more playground/demos. Both of the front page and in the documentation (like what is on the Quick Start page, essentially).
      cdubzzz on HN

Requests

  • More demos and playground examples

    From 2 comments
    • My primary measure of interest in animation libraries is demonstrations/showcases of the library in action. I could see nothing like this on the front page so I closed it. I'd…
      andrewstuart on HN
    • Looks very interesting -- it would be nice to have more playground/demos. Both of the front page and in the documentation (like what is on the Quick Start page, essentially).
      cdubzzz on HN
  • Scroll-linked animation support

    From 1 comment
    • Very nice! I recently updated my website traveldays.com with an SVG path animation. The effect is bound to the scroll progress. It looks like you don't support scroll animations…
      yunusabd on HN
  • Animate plain values not only DOM elements

    From 1 comment
    • Hi Matt, loved to see this. Suggestion: it would be great if we could use this to animate a value rather than requiring it to be on a DOM object (or selector). When using this…
      drewrbaker on HN

Questions

  • How does it differ from CSS animations and Framer Motion

    From 3 comments
    • I'm confused about what this does above & beyond css animations/transitions.
      seph-reed on HN
    • What's the difference between this and something like Framer Motion?
      neolander on HN
    • This looks great! I've used framer-motion in the past and it was great. Could you tell us how Motion One compares to framer-motion?
      cristicismas on HN
  • How the sponsorship-gated repo works with MIT license

    From 2 comments
    • How exactly does that work with the MIT license? If someone sponsors and gains access to the repo, they're permitted to fork and redistribute the code, right?
      jaredchung on HN
    • Nothing in the MIT license prevents you from doing that. But the author could disable your access to the repo any time, and once that happens, your fork would be forever out of…
      jamestanderson on HN

Alternatives named

  • Framer Motion

    From 1 comment
    • What's the difference between this and something like Framer Motion?
      neolander on HN
  • Popmotion

    From 1 comment
    • You mention here and on the homepage you are the author of Framer Motion and Popmotion but in neither place are there links to those projects. I'd love to check them out so if…
      lbotos on HN
  • GreenSock

    From 1 comment
    • Hi HN! I'm Matt, author of Framer Motion and Popmotion. Today I'm launching my new side-project, Motion One. It's a new animation library built on the Web Animations API (WAAPI).…
      SirHound on HN
  • Anime.js

    From 1 comment
    • Hi HN! I'm Matt, author of Framer Motion and Popmotion. Today I'm launching my new side-project, Motion One. It's a new animation library built on the Web Animations API (WAAPI).…
      SirHound on HN
  • Lottie

    From 1 comment
    • In many cases, "animations on the web" has become Lottie animations. Or, at least, Lottie raises the bar for animation expectations. I'd love to see two things: - A decent free…
      flixic on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/28616043)