shuding/next-view-transitions

Health v2 · maintenance only

Adoption not part of the score

2387 stars · 93 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A small React library that enables the CSS View Transitions API in Next.js App Router applications. It provides a ViewTransitions wrapper component, a Link component, and a useTransitionRouter hook to trigger animated page transitions on navigation.

Use cases

• add smooth page transition animations to a Next.js app
• use the View Transitions API with the Next.js App Router
• animate route changes between pages in React
• create custom transition effects when users navigate links
• programmatic navigation with view transitions using router.push

When to choose

• you're building a Next.js App Router project and want native-feeling page transitions
• you want a minimal drop-in library with a wrapper component and Link replacement
• your use cases are basic navigations without heavy concurrent rendering or streaming edge cases

When to avoid

• your app relies heavily on concurrent rendering, Suspense, or streaming where the API has known limitations
• you're not using Next.js App Router
• you need complex transition orchestration beyond basic view transitions
• you must support browsers without View Transitions API support and need polyfills

Facets

library · maturity active

animation frontend-framework routing web-development frontend nextjs app-router view-transitions react page-transitions nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="shuding/next-view-transitions")