Keyframer Preview vs Canvas UI Kit

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.

Canvas is a universal React Native UI kit, and this is its reference app: the same component library running natively on your device rather than described in a web page. Browse the full catalog of components, from buttons and inputs through data tables, calendars, and charts. Every entry pairs a live, interactive example with its complete prop reference, so you can tap, type, drag, and toggle each control to see exactly how it behaves before you write any code. WHAT IS INSIDE - Live examples for every component, running as real native views - Full prop tables, generated from the library's own TypeScript source - Design tokens for color, typography, spacing, and layout - Templates and patterns showing how components compose into real screens - Instant search across the entire catalog - Light and dark themes, plus a glass surface mode BUILT THE WAY iOS EXPECTS Canvas components follow iOS design conventions, driven by a single component API. This app is the clearest way to see that: it is built entirely from the library it documents. Canvas is free and open source under the MIT license. No account, no sign-in, no ads, and no tracking of any kind.