Svelte Travel Transitions
Native-like Page Transitions with SvelteKit, A Travel App.
Overview
Svelte Travel Transitions is a clone of Sarah Drasner's Vue/Nuxt page-transitions-travelapp built with SvelteKit. It is a web application that showcases page transitions and animations related to travel. This version of Svelte Travel Transitions was built using the next version of SvelteKit, so there may be some potential compatibility issues. The project has made some adjustments to the original code in order to adapt it to Svelte and SvelteKit.
Features
- Page Transitions: Svelte Travel Transitions provides smooth page transitions between different sections of the application.
- Animations: The application uses animejs library to create engaging and dynamic animations.
- Sveltification: The project has attempted to make the code more compatible with Svelte by using Svelte 3's built-in store API and Immer as an alternative to Vuex.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
