Menu
Libraries |
Category

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

Comments