Apple Svelte Demo

This directory is a short example for an apple like zoom-out animation only created with Svelte and Sapper The purpose of this project is to show how easy it is to create complex animations without using frameworks like ScrollMagic or GSAP

A Live Demo is avaible under: https://apple-svelte-demo.now.sh/

Get started

Clone this Repo with degit

$ npx degit "niklasgrewe/apple-svelte-demo" my-app

make sure you have already installed nodejs and npm

...then install dependencies and start the dev server...

$ cd my-app
$ npm install
$ npm run dev

...and navigate to localhost:3000. To build and run in production mode:

$ npm run build
$ npm run start

Vistual Studio Code

For the best code experience you need to install the following extensions:

Svelte

• Svelte
• Svelte 3 Snippets
• Svelte Intellisense

TailwindCSS

• Tailwind CSS IntelliSense

PostCSS Syntax

• postcss-sugarss-language