# npm
npm install dissolve-react

# yarn
yarn add dissolve-react

# pnpm
pnpm add dissolve-react

# bun
bun add dissolve-react

import { useRef } from "react";
import { Dissolve, type DissolveHandle } from "dissolve-react";

function App() {
  const ref = useRef<DissolveHandle>(null);

  return (
    <>
      <Dissolve
        ref={ref}
        onComplete={() => console.log("done!")}
        settings={{ duration: 2000 }}
      >
        <div>Your content here</div>
      </Dissolve>

      <button onClick={() => ref.current?.dissolve()}>
        Dissolve
      </button>
      <button onClick={() => ref.current?.reset()}>
        Reset
      </button>
    </>
  );
}