svelte-motion

Svelte animstion library baded on the React library framer-motion.

Usage no npm install needed!

<script type="module">
  import svelteMotion from 'https://cdn.skypack.dev/svelte-motion';
</script>

README

Svelte Motion

An animation library based on framer-motion.

Visit Project Page

Installation

npm install --save-dev svelte-motion

Usage

Corresponding to a MotionDiv in framer-motion is this:

import { Motion } from 'svelte-motion'

<Motion let:motion><div use:motion/></Motion>

For svg elements like 'g', 'path' or 'circle', use:

<Motion let:motion isSVG><g use:motion/></Motion>