---
url: /api/plugins/pantoken/transition/src.md
---
[pantoken-root](../../../../index.md) / transition

# transition

Beta

`@pantoken/plugin-transition` — the `--instui-transition-duration`/`--instui-transition-timing`
tokens behind InstUI's `Transition` utility.

The CSS itself (the `.instui-transition` base rule plus the `fade`/`scale`/`slide-*` state classes)
lives in `@pantoken/components`' own `transition` utility now; this plugin only bakes the two
duration/timing tokens into a token IR for consumers using the lower-level `@pantoken/css` +
`@pantoken/tokens` pipeline directly.

## Example

```ts
import { buildTokens } from "@pantoken/core/build";
import { transition } from "@pantoken/plugin-transition";

const tokens = buildTokens({ theme: "rebrand", plugins: [transition()] });
// → includes --instui-transition-duration: 300ms, --instui-transition-timing: ease-in-out
```

## Interfaces

* [TransitionOptions](interfaces/TransitionOptions.md)

## Functions

* [transition](functions/transition.md)

## References

### default

Renames and re-exports [transition](functions/transition.md)