Velora Motion is a open source port of motion react (formerly framer-motion) for svelte, production-ready library that’s designed for all creative developers.
It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.
It looks like this:
<motion.div animate={{ x: 100 }} />It does all this:
- Springs
- Keyframes
- Layout animations
- Shared layout animations
- Gestures (drag/tap/hover)
- Scroll animations
- SVG paths
- Exit animations
- Server-side rendering
- Independent transforms
- Orchestrate animations across components
- CSS variables
...and a whole lot more.
Install velora-motion via your package manager:
npm install velora-motion
Then import the motion component:
<script lang="ts">
import { motion } from 'velora-motion';
</script>
<motion.div animate={{ x: 100 }} />- Motion for svelte is MIT licensed.