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.
npm install --save-dev motion-start
pnpm install --save-dev motion-start
yarn install --save-dev motion-start
bun install --save-dev motion-start
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>
Join the Discord server to ask questions, find collaborators, or say hi!