motion-start Svelte Themes

Motion Start

Svelte animation library inspired by the React library framer-motion.

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!

Motion Start Discord Community

Top categories

Loading Svelte Themes