svelte-travel-transitions
- A SvelteKit clone of Sarah Drasner's Vue/Nuxt page-transitions-travelapp ↗
- Demonstrates page transitions and animations in Svelte
- Uses animejs ↗ for animations instead of GSAP
- Implements state management using Svelte stores and Immer ↗ instead of Vuex
- Built as a learning example of porting Vue concepts to Svelte/SvelteKit
- Omits some original features (like the map component)
- Shows how external libraries can integrate with Svelte
- Built with SvelteKit's next version (at time of creation)
Key Differences from Original:
- Framework: SvelteKit instead of Vue/Nuxt
- Animation library: animejs instead of GSAP
- State management: Svelte stores + Immer instead of Vuex
Purpose:
Serves as both a functional travel app demo and an educational resource for Svelte developers looking to implement complex transitions and state patterns.
Target Audience:
- Svelte/SvelteKit developers
- Developers interested in animation techniques
- Those learning to port concepts from Vue to Svelte
sveltesvelte-kit
Author
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button