next-link-transitions

This does not support some back and forward actions, but it is a standalone client Link that can be used with the next.js server component.

Installation

pnpm install next-link-transitions

Example

Set viewTransitionName if you want to customize the default crossfade.

import { Link } from "next-link-transitions";

const Component = () => {
  return (
    <Link href="/about" viewTransitionName="transitionName">
      Go to /about
    </Link>
  );
};

export default Component;

License

MIT license.