An animation library inspired by [framer-motion](https://www.framer.com/motion/)
[![Discord](https://img.shields.io/discord/1288125623570530334?logo=discord&logoColor=white&label=discord&labelColor=5865F2")](https://discord.gg/bTa32kj9T3)
[](https://github.com/JonathonRP/motion-start/actions)
[](https://github.com/JonathonRP/motion-start/blob/main/LICENSE.md)
[](https://github.com/JonathonRP/motion-start/releases)
[](https://www.npmjs.com/package/motion-start)
---
Work in progress.
> [!WARNING]
> **Note:** 🚧 This library is currently in alpha. Features and APIs may change. expect bugs and please report or make PRs to fix bugs.
> **Note:** This is svelte-motion ported to typescript currently. We have plans to evolve it to include modern features in framer-motion and to use svelte/motion to implement animations in the future.
## Installation
```sh
npm install --save-dev motion-start
```
```sh
pnpm install --save-dev motion-start
```
```sh
yarn install --save-dev motion-start
```
```sh
bun install --save-dev motion-start
```
## Usage
Corresponding to a `MotionDiv` in framer-motion is this:
```javascript
import { Motion } from 'motion-start'
```
For svg elements like 'g', 'path' or 'circle', use:
```javascript
```
# Community
Join the Discord server to ask questions, find collaborators, or say hi!
