Motion Start

An animation library inspired by framer-motion

---

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

npm install --save-dev motion-start

pnpm install --save-dev motion-start

yarn install --save-dev motion-start

bun install --save-dev motion-start

Usage

Corresponding to a MotionDiv in framer-motion is this:

import { Motion } from 'motion-start'

<Motion.div></Motion.div>

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

<Motion.g></Motion.g>

Community

Join the Discord server to ask questions, find collaborators, or say hi!