---
name: page-transitions
description: "Add state or route transitions without making navigation depend on them. Use for View Transitions, routing."
---

# Переходы между страницами

Add state or route transitions without making navigation depend on them.

## Implementation decisions

1. Feature-detect document.startViewTransition; preserve the ordinary update path.
2. Keep visible view-transition-name values unique.
3. Skip positional animation for reduced motion.
4. Do not delay navigation solely to finish an exit animation.

## Working source

Read [components/demos.tsx](../webcraft-shared/source/components/demos.tsx) when implementing this capability. The example belongs to the WEBCRAFT React/Three.js playground except the Python commerce starter, which runs without third-party dependencies. Use [shared catalog](../webcraft-shared/source/lib/catalog.ts) only to resolve related examples. Adapt the source to the target framework and preserve existing project conventions.

## Verify observable behavior

- Updates work without the API.
- Rapid changes reach the latest intended state.
- No duplicate transition names.

## Scope

Use only the parts relevant to the requested task. This skill does not grant permission to publish, spend money, change account access or expose secrets. The original brief and environment rules remain authoritative.

Live example: https://webcraft-skill-library.undrgrnd.chatgpt.site/demos/transition

Version 2.0.0 · Original WEBCRAFT content · MIT