Versatile and extensible page transition library for server-rendered websites 🎉
-
Updated
Apr 10, 2026 - TypeScript
Versatile and extensible page transition library for server-rendered websites 🎉
Use CSS View Transitions API in Next.js App Router.
animated page transition for major ssr frameworks and browsers, including Safari
Easily add animated transitions between pages using Next.js App Router and your favorite animation library.
The 👜 Bag of Tricks ✨ for Astro's View Transitions. ⭐️ Please star to support this work!
Astro starter powered by MPA view transitions
Start using view transitions without any hassle!
An animated conference explorer app with React View Transitions and modern React patterns using Next.js 16, React 19, Ariakit, Tailwind CSS v4 and Prisma.
A non-visual polyfill for Same-Document View Transitions
The @vtbag website. ⭐️ Please star to support this work! ⭐️
My portfolio built with Astro.
TailwindCSS plugin for customizing styles for the View Transitions Web API
Technical demos & Documentation for the 👜 Bag of Tricks ✨ for Astro's View Transitions. ⭐️ Please star to support this work!
Zero-dependency lightbox for images, video, iframes & custom renderers. Native View Transitions morph, WCAG 2.2 AA, hooks + plugins, controlled mode. Pure TypeScript, works everywhere.
Bringing back Internet Explorer’s Page Transitions thanks to the View Transition API
Unlock your Magento 2 store's full potential. This module uses Back/Forward Cache, Page Prerendering, and the View Transitions API to dramatically boost speed, improve Core Web Vitals, and deliver a seamless, high-performance user experience.
A collection of example view transitions for multi-page sites
Next.js gallery app showcasing React View Transitions — shared element morphs, directional navigation, Suspense reveals, and more
A production-ready Next.js theme template demonstrating smooth light/dark mode switching using the View Transitions API, CSS variables, and next-themes.
Add a description, image, and links to the view-transitions topic page so that developers can more easily learn about it.
To associate your repository with the view-transitions topic, visit your repo's landing page and select "manage topics."