Minimalist Shop with View Transitions and Astro

Minimalist Shop with Browser View Transitions API and Astro for a smoother navigation experience.

astro-shop-video.mp4

Article on Codrops

Demo

Installation

1. Clone the repository

git clone https://github.com/codrops/astro-shop-view-transition

2. Install dependencies

pnpm install

3. Run local using dev server

pnpm run dev

3. Build for production

pnpm run build

This will provide /dist folder with all static data for the site

Credits

• Images from Unsplash
• 705 Shirt Brave https://unsplash.com/photos/A7f7XRKgUWc?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink
• Haryo Setyadi Shirt https://unsplash.com/photos/acn5ERAeSb4?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink
• Faith Yarn shirt https://unsplash.com/photos/Wr0TpKqf26s?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink
• T Shirt 32 https://unsplash.com/photos/6Nub980bI3I?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink

Misc

Follow Igor: Twitter, GitHub

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops