{"_id":"next-view-transitions","_rev":"9-95bede5cfe50223c461eed526fd7f6c8","name":"next-view-transitions","dist-tags":{"latest":"0.3.5"},"versions":{"0.1.0":{"name":"next-view-transitions","version":"0.1.0","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.1.0","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"79a020eadf8a05670891c3c067f9d050b7d3c716","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.1.0.tgz","fileCount":7,"integrity":"sha512-9qYLfoS5GS2erBcERxPWXM1E2SpXJ+NxyDdtyBk+f7x9KQlO8cNACRbdtdz1KfY+k2tGsAa39/MUBuPlfbK8nQ==","signatures":[{"sig":"MEUCIFws4Ob4wGEDqamzyVg3/B5wRlvnMWcpdU/A2NpPl33qAiEArrLam7rWcRub2Fxc4SGbqpv6ldNmf8rd2DCVxztb0Ao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13301},"main":"./dist/cjs/index.js","types":"./dist/cjs/index.d.ts","module":"./dist/es/index.mjs","exports":{".":{"import":{"types":"./dist/es/index.d.mts","default":"./dist/es/index.mjs"},"require":{"types":"./dist/cjs/index.d.ts","default":"./dist/cjs/index.js"}}},"gitHead":"b753080efcf5f0f67824eda27abe707993d937c1","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_npmVersion":"9.6.6","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"20.2.0","_hasShrinkwrap":false,"devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.2.1","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.1.0_1713113257304_0.543665344227763","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"next-view-transitions","version":"0.1.1","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.1.1","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"3d672f503984dca8645bf155e400ea5cf8ebc3ea","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.1.1.tgz","fileCount":5,"integrity":"sha512-1rpXhWF8j0VJwJG52c8WeeAYpr1K7o3ub82lahbSoUwAry54TEm1d3mqBbSLLIMl85c3OewkZjxncTHwYFk+IA==","signatures":[{"sig":"MEYCIQDv+rqMU5CUx/kBO3E1pg/ZgX0Dmncsf0TAXKGDWhmcRAIhAIAh184QXFpXd8Iaq4NUha/7XK/G8y7jR6ApeqfTN2Fz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8349},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"b66f8a4eee21af512602f2a7cb885b4748ef2e0e","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_npmVersion":"10.2.3","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"20.10.0","_hasShrinkwrap":false,"devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.1.1_1713220443978_0.203243524998711","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"next-view-transitions","version":"0.2.0","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.2.0","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"06e11ca82400d8f9b661b23cb6de5ef1b925629c","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.2.0.tgz","fileCount":5,"integrity":"sha512-dFxevMIJy8irIstytJivLEtgYT4IJ7Gy7fnDCKHJtNZAsuQgmewYcdA/o/mRkMd1zwxTfyGALiOlZYxvtsn5jg==","signatures":[{"sig":"MEQCIBJNt0BEZO+GTO3uIwKp5DxRGw40yIj95Zdnd2SNj2VVAiBpfIvJWiJxpqHxAdrPebi8LCYMuAnUS/vDcDdG9j/Jew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9584},"main":"./dist/index.js","type":"module","_from":"file:next-view-transitions-0.2.0.tgz","types":"./dist/index.d.ts","exports":"./dist/index.js","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_resolved":"/private/var/folders/zr/9p6mp0r13fn3s9fxzxp33_280000gn/T/4275d4a797c67953c1071ac8c808bbe2/next-view-transitions-0.2.0.tgz","_integrity":"sha512-dFxevMIJy8irIstytJivLEtgYT4IJ7Gy7fnDCKHJtNZAsuQgmewYcdA/o/mRkMd1zwxTfyGALiOlZYxvtsn5jg==","_npmVersion":"9.6.6","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.2.0_1716750099710_0.7315598068800515","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"next-view-transitions","version":"0.3.0","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.3.0","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"8ec740928a2d74d8c5301f8a9383195f25e3c1ce","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.3.0.tgz","fileCount":5,"integrity":"sha512-EfMG4sQR48Q40apCl0rWqTvpDNk4TcdlFjcsGd2ZOBJMNlwfuB8lnwhOL5A0kKWnZwXlMgDPFXY7qwoOY+NhtQ==","signatures":[{"sig":"MEQCIE16GdChBCYFjD3UKh1SUFrbuEBGE62yswuxNYQubIQMAiBWOUjZs+qELNmpziUHJdI3rPknBhjI10B4/rGOTkocoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12381},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"11a71c84e011d5736788aadc495bd5d6f30c0a2a","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_npmVersion":"9.6.6","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"20.2.0","_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.3.0_1722112991615_0.6792514457892869","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"next-view-transitions","version":"0.3.1","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.3.1","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"2ec5cb48d4939edb59188350c054594d548692ce","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.3.1.tgz","fileCount":5,"integrity":"sha512-6MSYp9KxqnXUK/UU08D5X+OwssFKQl407TEEGiuid0KpyPPJxKqtNzRBQz1GzFRY+7esvi+7kijoeNEtr2dX/w==","signatures":[{"sig":"MEUCIQC2u0UovQm0E6l6k3xwzfayxopGR2JjhvtWBY0J9uGoqAIgKzFgdY6V2UNMD/ygyJ4SAhjk34kega3hDfV6oyYTl/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810},"main":"./dist/index.js","type":"module","_from":"file:next-view-transitions-0.3.1.tgz","types":"./dist/index.d.ts","exports":"./dist/index.js","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_resolved":"/private/var/folders/zr/9p6mp0r13fn3s9fxzxp33_280000gn/T/760072123b11c8046e32a92b1621c62c/next-view-transitions-0.3.1.tgz","_integrity":"sha512-6MSYp9KxqnXUK/UU08D5X+OwssFKQl407TEEGiuid0KpyPPJxKqtNzRBQz1GzFRY+7esvi+7kijoeNEtr2dX/w==","_npmVersion":"10.2.3","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"18.19.0","_hasShrinkwrap":false,"devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.3.1_1726482633345_0.3672471250212612","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"next-view-transitions","version":"0.3.2","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.3.2","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"c5c44a9680970066b6b2128d6f42f7e91807454c","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.3.2.tgz","fileCount":5,"integrity":"sha512-77QRvHjKDQHBDbe/qTVh/p9zbx2AWUFvlmLpHZQtc+q0/a+QWn5fejU9TqrJdrHvwuc9rzqL6K5xpkRtyjQajw==","signatures":[{"sig":"MEUCIAxOTHIVbey8d63528dlr2toheOOdpCGC2qwKAC4eSh8AiEAqpFbRSIAKUEc8L580KHMJZQB57lnp2hKhS4dJGxngoo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12986},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"48dc5c8793f55bc165741196001f67dadbc937e1","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_npmVersion":"9.6.6","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"20.2.0","_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.3.2_1727047796014_0.4272608832462943","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"next-view-transitions","version":"0.3.3","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.3.3","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"bce4e6955f5f4e065087976f43cb6938d8b1f9b9","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.3.3.tgz","fileCount":3,"integrity":"sha512-gRppbRdL1OPvozOhHVTkMi83rYRz1KCcxOu52oXdqO5wB03Erc3lN4otJXEIoOVEXxNfoCbyfcvxfm9XXSf4sQ==","signatures":[{"sig":"MEYCIQD1ZnvLCXUGZGY+DRRf93k48ns4BYoKlA7aSWFEvcn7GQIhAKlXhaXP2gM8bh0o1I6kvebfRy9B5PY+T6K76efPvWIy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3799},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"00995c7109f22f103ed9a9aad306d29c0ca602bb","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_npmVersion":"10.9.0","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.3.3_1733237423495_0.04620303194318254","host":"s3://npm-registry-packages"}},"0.3.4":{"name":"next-view-transitions","version":"0.3.4","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"next-view-transitions@0.3.4","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"homepage":"https://next-view-transitions.vercel.app","dist":{"shasum":"442372e1d55f25d565c063032231980784e224f0","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.3.4.tgz","fileCount":5,"integrity":"sha512-SSiskenQ8JkEFGzPjvFwC5LGGoqgTxM5dxexkeugxvcXFLpWI2ZUh4IsCURD3ovW+8Ue7xXlrtrpy8b7XR7IwQ==","signatures":[{"sig":"MEYCIQD5g2xum9VnQ47ZYRGjilzPnYKlycoToZOemOUsntqOTgIhALY1ULoFXszVSqbAUM9QDb9rLfTd4dHvpsw4MrGcPBkL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12987},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"65c212159a09af37a23b4570c866e1bb41c38519","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"_npmVersion":"10.9.0","description":"View Transitions API for Next.js App Router","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.3.4_1733237531047_0.48751863820440655","host":"s3://npm-registry-packages"}},"0.3.5":{"name":"next-view-transitions","version":"0.3.5","type":"module","description":"View Transitions API for Next.js App Router","main":"./dist/index.js","types":"./dist/index.d.ts","exports":"./dist/index.js","scripts":{"build":"bunchee","dev":"bunchee --watch","prepare":"pnpm run build"},"keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"name":"Shu Ding","email":"g@shud.in","url":"https://shud.in"},"homepage":"https://next-view-transitions.vercel.app","license":"MIT","devDependencies":{"@types/react":"^18.2.78","bunchee":"^5.1.2","next":"^14.2.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.4.5"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0 || ^19.0.0","react-dom":">=18.2.0 || ^19.0.0"},"packageManager":"pnpm@9.1.2","_id":"next-view-transitions@0.3.5","gitHead":"b6890fb821df13b92ae79cbaf560660752a27c7e","_nodeVersion":"22.13.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-yP8OPNydLmKpmE94hLurLGEzPsUy1uyl9iSv8oxaC2JwhSXTD86SVwk1NMMQT7Ado4kMENDJ7fNBIXHy3GU/Lg==","shasum":"b2aeb8a5677618db60bd123f63d2a06f15ed13f0","tarball":"https://registry.npmjs.org/next-view-transitions/-/next-view-transitions-0.3.5.tgz","fileCount":5,"unpackedSize":13260,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD4yDC09umFHHSzdz1ELr2A8TX9bSn1craSInj3VlCqmwIhAN+DOpZ+s+ZZ+Fcf/WsJmfT7Z9LqwRkUKV6Zbgp6xDLq"}]},"_npmUser":{"name":"quietshu","email":"g@shud.in"},"directories":{},"maintainers":[{"name":"quietshu","email":"g@shud.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/next-view-transitions_0.3.5_1764967026833_0.23530729132489459"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-14T16:47:37.303Z","modified":"2025-12-05T20:37:07.181Z","0.1.0":"2024-04-14T16:47:37.469Z","0.1.1":"2024-04-15T22:34:04.126Z","0.2.0":"2024-05-26T19:01:39.869Z","0.3.0":"2024-07-27T20:43:11.786Z","0.3.1":"2024-09-16T10:30:33.504Z","0.3.2":"2024-09-22T23:29:56.174Z","0.3.3":"2024-12-03T14:50:23.655Z","0.3.4":"2024-12-03T14:52:11.227Z","0.3.5":"2025-12-05T20:37:06.982Z"},"author":{"name":"Shu Ding","email":"g@shud.in","url":"https://shud.in"},"license":"MIT","homepage":"https://next-view-transitions.vercel.app","keywords":["next","next.js","view transitions","route transitions","app router"],"description":"View Transitions API for Next.js App Router","maintainers":[{"name":"quietshu","email":"g@shud.in"}],"readme":"# next-view-transitions\n\nUse [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) in Next.js App Router.\n\n[**Demo**](https://next-view-transitions.vercel.app).\n\n## Disclaimer\n\nThis 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](https://twitter.com/shuding_/status/1779583281920344448)).\n\n## Installation\n\nUse your favorite package manager to install the `next-view-transitions` package. For example:\n\n```bash\npnpm install next-view-transitions\n```\n\n## Usage\n\nWrap your content with the `` component inside the layout file:\n\n```jsx\nimport { ViewTransitions } from 'next-view-transitions'\n\nexport default function Layout({ children }) {\n return (\n \n \n \n {children}\n \n \n \n )\n}\n```\n\nThen, use the `` component for links that need to trigger a view transition:\n\n```jsx\nimport { Link } from 'next-view-transitions'\n\nexport default function Component() {\n return (\n
\n Go to /about\n
\n )\n}\n```\n\nOr use the `useTransitionRouter` hook for programmatic navigation:\n\n```jsx\nimport { useTransitionRouter } from 'next-view-transitions'\n\nexport default function Component() {\n const router = useTransitionRouter()\n\n return (\n
\n \n
\n )\n}\n```\n\nThat's it!\n\n## License\n\nMIT.\n","readmeFilename":"README.md"}