Keyframer.dev

Preview your Keyframer animations on real hardware - scan a QR and go live.

The fastest way to feel your React Native animations.

Keyframer is the companion app for Keyframer.dev, the visual animation editor for React Native. Design your animation in the web editor, scan the QR code, and watch it run natively on your phone, powered by the same Reanimated engine your production app uses.

Animations that look right in a browser can feel wrong on a device. Timing, easing, gestures, and scroll physics only tell the truth on real hardware. Keyframer closes that gap in seconds, with no build step and no cable.

LIVE PREVIEW
Scan the QR code in the editor and your canvas appears on your phone instantly. Keep editing on your desktop, every change streams to the device in real time, so you can tune springs and keyframes while feeling the result in your hand.

TRULY NATIVE PLAYBACK
This is not a video or a web view. Your scenes run as real native animations, the same interpolations, springs, and gesture handlers that Keyframer's generated Reanimated code ships to production.

INTERACTIONS INCLUDED
Pan, tap, and pinch gestures, scroll-driven transitions, and node-graph logic all work in the preview. If your animation responds to touch, you can test it the way your users will experience it.

YOUR SCENE LIBRARY
Sign in to browse every canvas you've saved in the editor and preview any of them on demand, on the couch, in a meeting, or on the bus.

OPEN SHARED CANVASES
Received a keyframer.dev share link? Scan the QR on the share card to open a live, interactive version of the animation on your device.

MADE FOR
React Native developers, design engineers, and motion designers who prototype with Keyframer.dev and want to validate motion on real devices before shipping.

Start designing at keyframer.dev, your first canvas is a QR scan away from running in your pocket.