https://github.com/micha-lmxt/svelte-motion

An animation library for Svelte based on framer-motion.
https://github.com/micha-lmxt/svelte-motion

animation framer-motion svelte

Last synced: 4 days ago
JSON representation

An animation library for Svelte based on framer-motion.

• Host: GitHub
• URL: https://github.com/micha-lmxt/svelte-motion
• Owner: micha-lmxt
• License: mit
• Created: 2021-03-27T19:41:19.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-20T03:23:03.000Z (7 months ago)
• Last Synced: 2024-12-13T22:11:54.395Z (11 days ago)
• Topics: animation, framer-motion, svelte
• Language: JavaScript
• Homepage: https://svelte-motion.gradientdescent.de
• Size: 2.98 MB
• Stars: 600
• Watchers: 9
• Forks: 15
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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'



```

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


```javascript

```