Frame Kit.
The 600-component design system we use on every client site — now for any studio.
600
Components
18k
Downloads
3.0
Version
MIT
License
// live config frame-kit('.tile', { effect: 'fade-up', duration: 900, stagger: 90, ease: 'expo.out' })
(01) Playground
Tune the feel.
Drag the sliders and pick a curve — the demo above and the config update live.
EASING
Small. Fast. Directed.
3kb
Featherweight
Gzipped. No dependencies, no build step required.
60fps
Off the main thread
Scroll timelines run on the compositor where supported.
a11y
Respects motion
Honors prefers-reduced-motion automatically.
1 line
Drop-in API
Works with any framework — or none at all.
(02) Changelog
Shipped lately.
Scroll-linked effects now use native ScrollTimeline when available, falling back gracefully.
A tuned overshoot curve for playful UI, plus a new `bounce` option.
Image and text masks with four directions and custom insets.
Stagger children by index, distance or random order.
OPEN SOURCE · MIT