Skip to content
Avatar of igorm84igorm84/spotify-astro-transitions

Spotify Clone with Astro View Transitions

Spotify clone built with Astro View Transitions integration for fluid navigation + TailwindCSS + Svelte.

Framework
Use Case
Spotify Astro view transitions

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

Video

https://github.com/igorm84/spotify-astro-transitions/assets/16727448/1e34f079-1f17-4ff1-9285-1dc406f0c631

About

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

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

Spotify Astro view transitions
Avatar of igorm84igorm84/spotify-astro-transitions

Spotify Clone with Astro View Transitions

Spotify clone built with Astro View Transitions integration for fluid navigation + TailwindCSS + Svelte.

Framework
Use Case

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

Video

https://github.com/igorm84/spotify-astro-transitions/assets/16727448/1e34f079-1f17-4ff1-9285-1dc406f0c631

About

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

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

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential