Development · Website
Popmotion
Low-level JavaScript animation library for spring, inertia, and keyframe animations
Popmotion is a lightweight, functional JavaScript animation toolbox that powers Framer Motion under the hood. It provides composable primitives for building custom physics, springs, and keyframe animations in web applications without bloating bundle sizes. It is written in TypeScript and its core animate function weighs under 5kb.
What it's for
- Build physics-based spring animations for interactive UI elements
- Create custom keyframe sequences with pure JavaScript functions
- Implement inertia-based scrolling or drag gesture behaviors
- Develop bespoke animation systems and custom motion wrappers
Features
- Lightweight core bundle under 5kb
- Written in TypeScript with full type definitions
- Pure functional and composable animation primitives
- Supports spring, keyframes, decay, and inertia physics
- Framework-agnostic design usable in vanilla JS, React, Vue, or others
Pricing
Open source. Free and open source (MIT license)
Details
- Type
- Website
- Category
- Development
- Topic
- Animation Libraries
- Open source
- Yes
- Platforms
- Code library
- For
- Front-end developers and UI engineers
- Alternative to
- GSAP, Anime.js, Framer Motion
- Tags
- javascript, typescript, animation, frontend, ui physics
Why it was saved
- @kalypsodesigns: Very lightweight (under 5kb animate function) and written in TypeScript, providing composable primitives for building custom animation engines.
Compare
Related
Open-source animation library for React, Vue, and vanilla JavaScript
Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements
High-performance JavaScript animation library for web elements, SVG, and canvas.
Animated, accessible rolling-number component built on native Intl.NumberFormat and Web Animations.
Annual overview of the fastest-growing JavaScript GitHub repositories in 2023.
Micro-interaction and transition UI component library built with React and Motion
Updated