micha-lmxt / svelte-motion

An animation library for Svelte based on framer-motion.
https://svelte-motion.gradientdescent.de
MIT License
595 stars 15 forks source link
animation framer-motion svelte

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>