Charca / astro-view-transitions

Demo of Astro MPA using the View Transitions API

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Smooth Page Transitions with Astro & the Shared Element Transition API

Open in StackBlitz Open with CodeSandbox

To try out this project, make sure to enable the experimental View Transitions API flag in Google Chrome. Based on the original Codrops experiment by Mary Lou.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:3000
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro preview
npm run astro --help Get help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

About

Demo of Astro MPA using the View Transitions API


Languages

Language:CSS 51.2%Language:Astro 47.3%Language:JavaScript 1.5%