View transitions

View Transitions

ViewTransitions element namespace and navigation integration overview.

View Transitions API

Manic wraps the browser View Transitions API. When router.viewTransitions is enabled (default), navigations via <Link> or navigate() run inside document.startViewTransition when available.


Reference pages


Imports

import { ViewTransitions, setViewTransitions } from 'manicjs';
// or
import { ViewTransitions, setViewTransitions, navigate } from 'manicjs/transitions';

navigate is re-exported from manicjs/transitions for convenience.


Configuration

manic.config.ts
import { defineConfig } from 'manicjs/config';

export default defineConfig({
  router: { viewTransitions: false },
});

See also

On this page