# Seamless animated page transitions

Details page: https://www.details.so/vault/category/page-transition

Explore seamless animated page transitions with live previews and clean code you can copy, customize, and ship. New resources are added weekly.

## Resources
- [Diagonal Page Transition (Vanilla)](https://www.details.so/vault/page-transition-12.md) — Max
- [Clip Reveal Page Transition](https://www.details.so/vault/page-transition-08.md) — Max
- [Shutter Page Transition 2](https://www.details.so/vault/page-transition-06.md) — Max
- [Overlap Page Transition](https://www.details.so/vault/page-transition-03.md) — free
- [Overlap Page Transition 2](https://www.details.so/vault/page-transition-05.md) — Max
- [Horizontal Shutter Page Transition](https://www.details.so/vault/page-transition-07.md) — Max
- [Blinds Page Transition](https://www.details.so/vault/page-transition-04.md) — Max
- [Fade Page Transition 2](https://www.details.so/vault/page-transition-02.md) — free
- [Fade Page Transition](https://www.details.so/vault/page-transition-01.md) — free

## For AI agents
Each resource link above returns a markdown summary. The implementation prompt, documentation and code are available through the Details MCP: https://www.details.so/mcp.md