{"repo":"shuding/next-view-transitions","free":true,"listed":false,"github":"https://github.com/shuding/next-view-transitions","clone":"git clone https://github.com/shuding/next-view-transitions.git","description":"Use CSS View Transitions API in Next.js App Router.","language":"TypeScript","stars":2386,"topics":["app-router","nextjs","view-transitions"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"next-view-transitions Use View Transitions API in Next.js App Router. Demo . Disclaimer This library is aimed at basic use cases of View Transitions and Next.js App Router. With more complex applications and use cases like concurrent rendering, Suspense and streaming, new primitives and APIs still need to be developed into the core of React and Next.js in the future (more). Installation Use your favorite package manager to install the next-view-transitions package. For example: Usage Wrap your content with the component inside the layout file: Then, use the component for links that need to trigger a view transition: Or use the useTransitionRouter hook for programmatic navigation: That's it! License MIT.","default_branch":null,"files":null,"tree":[],"storefront":"/r/shuding","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/shuding/next-view-transitions/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}