Spotify clone with View Transitions from Astro 3.0

Clone of Spotify with Astro View Transitions is an experimental feature for fluid navigation, this example use tailwindcss and svelte.

Deploy

You can Deploy the example using Vercel Template or see a live demo

Social media

Oh my god we god 1 million views!😱 Thanks a lot for Astro sharing it and your framework is awesome! https://twitter.com/astrodotbuild/status/1698534383970656497

About

View Transition is a experimental mechanism to transition between DOM states, learn more in these links:

• Astro Documentation: https://docs.astro.build/en/guides/view-transitions/
• MDN Documentation: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API

Known issues

Firefox and iOS Browsers

Unfornatelly those browsers aren't compatible yet, see https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API#browser_compatibility