Springs

Name: RemotionUI
Author: RemotionUI

Shared spring configs for physics-based motion.

Install

$ npx remotion-ui@latest add springs

Example

import { springSmooth, springSnappy, springBouncy } from "@/remotion/lib/springs";

const progress = spring({
frame,
fps,
config: springSnappy,
durationInFrames: 30,
});

Token	Feel
`springSmooth`	Subtle, no overshoot; highlights, wipes
`springSnappy`	Quick pop; `spring-in`
`springBouncy`	Playful overshoot

Layout

Video-safe padding and responsive font scaling.

Timing

Frame helpers, stagger delays, and Bézier enter/exit progress.