Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui2 dependencies

Page Transition

page-transition

GSAP-powered Next.js App Router page transition provider. Wraps your layout to animate between pages with a curtain reveal or slide push — ported from the Codrops async transition demo.

@unlumen-uiRegistry JSON
Live, loading

Starting the live preview…

Rendered from its demo Page Transition Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Demo showing four fake pages cycling through curtain, slide, push, and fade transition variants.

@unlumen-ui

More from @unlumen-ui

All 21 items
Favicon Search
favicon-search
Component
Glow Button
glow
Component
Magnetic Button
magnetic-button
Component
Next.js Ship
nextjs-ship
Component
Pixel Liquid Background
pixel-liquid-bg
Component
Progressive Blur
progressive-blur
Component
Aurora Blur
aurora-blur
Component
Shimmer Skeleton
shimmer-skeleton
Component