# 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.

Website: https://popmotion.io/

## What it is 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](https://xiry.app/topics/development.md)
- 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, 7 May 2025](https://www.instagram.com/p/DJWFDHhzGzl/): Very lightweight (under 5kb animate function) and written in TypeScript, providing composable primitives for building custom animation engines.

## Compare

- [Alternatives to GSAP](https://xiry.app/alternatives/gsap.md)
- [Alternatives to Framer Motion](https://xiry.app/alternatives/framer-motion.md)

## Related

- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [Anime.js](https://xiry.app/resources/anime-js): Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements (Website, Open source)
- [GSAP](https://xiry.app/resources/gsap): High-performance JavaScript animation library for web elements, SVG, and canvas. (Website, Freemium)
- [NumberFlow](https://xiry.app/resources/numberflow-2047): Animated, accessible rolling-number component built on native Intl.NumberFormat and Web Animations. (Web app, Open source)
- [2023 JavaScript Rising Stars](https://xiry.app/resources/2023-javascript-rising-stars): Annual overview of the fastest-growing JavaScript GitHub repositories in 2023. (Website, Free)
- [Amicro](https://xiry.app/resources/amicro): Micro-interaction and transition UI component library built with React and Motion (Web app)

Updated 3 October 2026. Page: https://xiry.app/resources/popmotion

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.