Show HN: Motion One, the Web Animations API for Everyone

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • Mattermost

    Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..

  • Here's the npm module: https://unpkg.com/browse/[email protected]/dist/

    Given that the repo is private, I wondered if only the compiled version would be available. Looks like it isn't, so this is a bit different from Mattermost, where the MIT license only applies to the compiled version: https://github.com/mattermost/mattermost-server/blob/master/...

    If there's one word I'd use to describe the licensing of both Mattermost and Motion One, it's "encumbered"

  • csswg-drafts

    CSS Working Group Editor Drafts

  • If there are other chromium issues we’d love for you to file them (use Blink>Animation component so they land on our triage). Other browsers look for feedback as well - there’s a good guide/walkthrough at https://web.dev/how-to-file-a-good-bug/

    On the topic of browser compliance, you cited caniuse.com, which is a good starting point. More detailed tracking can be found at https://wpt.fyi/results/web-animations - might be more detailed than you’re looking for, but this is what our team measures against.

    Some of your suggestions relate to the spec. Durations as seconds[4], and Simplifying cubic bezier definitions seem fairly straightforward, while others like cancelling and interrupting might be a little more complicated. In any case you can file issues against the spec if you want to move those forward - https://github.com/w3c/csswg-drafts/issues, tag with [web-animations-2].

    To reduce the challenges of adopting the new API, there’s a published polyfill that you seem to be using already. You noted that there’s some inconsistency with keyframing across browsers - perhaps you could file an issue against the polyfill?

    Cheers!

    [1] https://www.w3.org/TR/web-animations-1/#fill-behavior

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • web-animations-js

    JavaScript implementation of the Web Animations API

  • theatre

    Motion design editor for the web

  • lottie-web

    Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

  • The lack of format documentation is an obstacle to both of those: https://github.com/airbnb/lottie-web/issues/575

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts