jaemin

Jaemin combines zoom and rotation into one deliberately playful page change.

Expressive — Selected moments where motion supports the product tone.

When this motion fits

When to use: Use it for one special destination where product personality matters more than restraint.
What moves: The destination advances with a lively zoom and slight rotation.
Avoid when: Avoid it for everyday navigation, quick reading flows, or motion-sensitive contexts.

Add it to a route rule

jaemin() sets the motion; the rule around it decides which navigations get it. The config shape is the same in every framework.

import { jaemin } from "@ssgoi/react/view-transitions";

const config = {
  transitions: [
    {
      from: "/list",
      to: "/detail/*",
      transition: jaemin(),
    },
  ],
};

Pattern forms, priority and the scroll defaults that come with each rule shape are on Route rules.

Behavior

jaemin
default
One signature behavior: a rotated zoom that makes the destination feel celebratory.
```
jaemin()
```
Open live demoOpens at the source screen

Agent guide: /llms/transitions/jaemin.txt — every prop, the required markup, and a config fragment as plain text.

Read next