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 uses TailwindCSS and Svelte.
Deploy
You can Deploy the example using Vercel Template or see a live demo
Video
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
Unfortunately those browsers aren't compatible yet, see https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API#browser_compatibility
