search

formkit / auto-animate

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.
https://auto-animate.formkit.com
MIT License
11.96k stars 210 forks source link

Qwik js support #132

Open CherphAlt opened 1 year ago

justin-schroeder commented 1 year ago

Happy to accept a PR for it

FlatMapIO commented 1 year ago

PR #142

FlatMapIO commented 1 year ago

I created a new PR #144

rhymbit commented 10 months ago

I saw a merge Removes Qwik from documentation. Why? It works wonderfully with Qwik. A simple example looks like :- 

export default component$(() => {
  const parentDivRef = useSignal<HTMLDivElement>();

  useVisibleTask$(() => {
      if (parentDivRef.value) {
        autoAnimate(parentDivRef.value);
      }
    });

  return (
  <div ref={parentDivRef}>
    And this stuff animates
  </div>

Please add it back 🙏🏻

lbensaad commented 10 months ago

I want to test it in my Qwik app, so when it will be added back?

justin-schroeder commented 10 months ago

If the issues in https://github.com/formkit/auto-animate/pull/144 are resolved then it will be added back. Last I checked that PR did not lead to a working project when you built, even with a fresh version of Qwik. The function API (autoAnimate()) should work in Qwik just fine in the meantime though.