A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/framer/motion below:

motiondivision/motion: A modern animation library for React and JavaScript


Motion An open source animation library
for JavaScript, React and Vue

  1. Why Motion?
  2. 🍦 Flavours
  3. 🎓 Examples
  4. 🎨 Studio
  5. ⚡️ Motion+
  6. 👩🏻‍⚖️ License
  7. 💎 Contribute
  8. ✨ Sponsors

Motion is an animation library for making beautiful animations.

Motion is available for React, JavaScript and Vue.

React ⬇
import { motion } from "motion/react"

function Component() {
    return <motion.div animate={{ x: 100 }} />
}

Get started with Motion for React.

JavaScript ⬇
import { animate } from "motion"

animate("#box", { x: 100 })

Get started with JavaScript.

Vue ⬇
<script>
    import { motion } from "motion-v"
</script>

<template> <motion.div :animate={{ x: 100 }} /> </template>

Get started with Motion for Vue.

Motion Examples offers 100s of free and Motion+ examples for beginners and advanced users alike. Easy copy/paste code to kick‑start your next project.

Learn, Design, Build. Motion+ is a one-time fee, lifetime update membership that provides:

Get Motion+

Motion Studio is a versatile suite of developer tools allowing you to:

Get started with Motion Studio.

Motion is sustainable thanks to the kind support of its sponsors.

Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4