i ideas / repo launcher
motiondivision avatar

motiondivision/motion

★ 35,072TypeScriptMIT91

A modern animation library for React and JavaScript

What it is

Simple API: First-class React, JavaScript, and Vue packages. Hybrid engine: Power of JavaScript combined with native browser APIs for 120fps, GPU-accelerated animations. Production-ready: TypeScript, extensive test suite, tree-shakable, tiny footprint. Batteries included: Gestures, springs, layout transitions, scroll-linked effects, timelines.

When to use it

Reach for motion when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged animation, animation-js, motion, react.

Category
UI & Design
Also in
—
Stars
35,072
Forks
1,529
Last push
today
Created
2018-11-16
Open issues
6
Website
motion.dev
#animation#animation-js#motion#react#reactanimations#spring#typescript

Quick start

$ git clone https://github.com/motiondivision/motion.git

Hand it to your AI

Read https://ideas.asveas.com/r/motiondivision/motion.md and help me add motiondivision/motion to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to motion

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

pmndrs avatarreact-three-fiber🇨🇭 A React renderer for Three.js★ 33.7kueberdosis avatartiptapThe headless rich text editor framework for web artisans.★ 39kxyflow avatarxyflowReact Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.★ 39kmantinedev avatarmantineA fully featured React components library★ 31.9kheroui-inc avatarheroui🚀 Beautiful, fast and modern React UI library. (Previously NextUI)★ 31.2krecharts avatarrechartsRedefined chart library built with React and D3★ 27.7k

FAQ

What is motion?

motiondivision/motion is an UI library on GitHub: A modern animation library for React and JavaScript Simple API: First-class React, JavaScript, and Vue packages.

When should I use motion?

Reach for motion when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged animation, animation-js, motion, react.

What are the best alternatives to motion?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is motion actively maintained?

motiondivision/motion looks very actively maintained: the last push was today (2026-11-11), with 35,072 stars and 6 open issues.

What license does motion use?

motiondivision/motion is published under the MIT license. Check the repository's LICENSE file before commercial use.