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: 7 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 (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-05-20T03:23:03.000Z (8 months ago)
• Last Synced: 2025-01-11T02:06:58.179Z (14 days ago)
• Topics: animation, framer-motion, svelte
• Language: JavaScript
• Homepage: https://svelte-motion.gradientdescent.de
• Size: 2.98 MB
• Stars: 603
• Watchers: 9
• Forks: 14
• 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

```