Add motion to your web apps with a single line of code

• auto-animate

  25 11,584 7.3 TypeScript

  A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

  

A little bit about how it works (from their docs)[0]:

> AutoAnimate is fundamentally a single function — autoAnimate — that accepts a parent element. Automatic animations will be applied to the parent element and its immediate children. Animations are specifically triggered when one of three events occurs:

> A child is added in the DOM.

> A child is removed in the DOM.

> A child is moved in the DOM.

[0]: https://auto-animate.formkit.com/

• Isotope

  19 10,987 0.0 HTML

  :revolving_hearts: Filter & sort magical layouts

  

I think this could be a decent alternative to Isotope's filter & sort magical layouts:

https://github.com/metafizzy/isotope

It was so popular back in the day but hasn't received any recent updates.

• WorkOS

  workos.com sponsored

  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.

  

• dom

  27 1,528 6.5 HTML

  DOM Standard

  

I tested with lit-html, "reorder" whose DOM op should be "moved", but it didn't animate. And currently there is no such thing as DOM reorder (https://github.com/whatwg/dom/issues/891)

Suggest a related project