igorm84 / spotify-astro-transitions

Clone of Spotify with Astro View Transitions integration for fluid navigation

Home Page:https://spotify-astro-transitions.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Spotify clone with View Transitions from Astro 3.0 Built with Astro

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

Deploy with Vercel

Video

AstroSpotifyPresentation.mp4

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

About

Clone of Spotify with Astro View Transitions integration for fluid navigation

https://spotify-astro-transitions.vercel.app


Languages

Language:Astro 70.8%Language:TypeScript 21.7%Language:CSS 3.4%Language:JavaScript 2.6%Language:Svelte 1.6%