A fast and simple motion design tool on the web. Animate anything, export everywhere.
Drop in a Figma frame and Jitter keeps every layer editable.
Hundreds of ready-made reels, ads and product loops.
MP4, GIF, WebM, Lottie — sized for every placement.
Chrome is strictly monochrome — the CTA is a 52px dark pill with a TWK Lausanne 18/18 label at 600/-0.36px, and the pigment palette never touches a button, nav item or hairline. Hover is a spring scale, and cards additionally animate border-radius alongside box-shadow at 0.5s, so they visibly change shape as they lift.
No text field is documented anywhere in the spec — section 4 lists only the CTA, nav link, feature card, template tile, rounded section, help bubble and hairline — and section 11 records “Focus: not captured”. The pair above is therefore composed, not measured. It borrows only captured values: the 52px control height and the pill radius of the primary CTA, the 1px #e5e4e7 hairline on the #ffffff canvas, Inter 16/24 at -0.32px for the value, #19171c ink for typed text and #d7d7db (faint-2), whose documented role is placeholder. The focus state is derived rather than observed: the captured hairline steps to the captured #19171c ink and the captured fractional-px ambient stack lifts the row, following the site’s shadow-over-border philosophy. Both states ease on the linear() spring at 0.3s.
TWK Lausanne handles anything display or interactive; Inter handles anything read. Every Lausanne role sets a line-height below its own font size — 0.90 at the hero, 0.95 at card titles — which is what makes headlines stack tighter than they are tall. Tracking is negative on every role except the 12px caption, and nothing is uppercase.
linear(0 0%, .255 1%, .4449 2%, .6018 3%, .7355 4%, .8513 5%, .9525 6%, 1.0413 7%, … 1.5182 20%, … 1.0012 95%, 1 99%, 1 100%)
The house easing is a spring published as a linear() stop list — roughly sixty stops that overshoot to 1.5182 around 20% before settling — applied to transform, color and border at 0.3s. Alongside it: transform 1.2s cubic-bezier(.19,1,.22,1) for section reveals, border-radius + box-shadow 0.5s cubic-bezier(.25,.46,.45,.94), and background-color 0.3s linear. Shadows are tinted with the ink, rgba(25,23,28,…), never black.