28 lines
523 B
Markdown
28 lines
523 B
Markdown
# Svelte Motion
|
|
|
|
An animation library based on [framer-motion](https://www.framer.com/motion/).
|
|
|
|
[Visit Project Page](https://svelte-motion.gradientdescent.de)
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
npm install --save-dev svelte-motion
|
|
```
|
|
|
|
## Usage
|
|
|
|
Corresponding to a `MotionDiv` in framer-motion is this:
|
|
|
|
```javascript
|
|
import { Motion } from 'svelte-motion'
|
|
|
|
<Motion let:motion><div use:motion/></Motion>
|
|
```
|
|
For svg elements like 'g', 'path' or 'circle', use:
|
|
|
|
```javascript
|
|
<Motion let:motion isSVG><g use:motion/></Motion>
|
|
```
|
|
|