Android app · pre-releaseApp & platform
Hapture
Drag, flick and tap real interface elements, tune the spring behind them until it feels right, then take it with you as code.
- Status
- Android, not yet on Google Play
- Built with
- Kotlin, Jetpack Compose, Room
- Exports
- Compose, SwiftUI, Flutter, React Native, Web, Lottie, Figma
- Scope
- Product design, Android development, Motion & haptics, Code generation
The project
Most animation tools ask for numbers and show a preview on a laptop. On a phone, motion is felt through your thumb, so Hapture puts the interaction in your hand first and shows the numbers as you go.
Klyn designed and built it: fourteen touchable interactions, a physics core, checks that can fix themselves, haptics, comparisons and an exporter that turns one neutral motion description into code for each platform.
What we designed and built
- 01
Fourteen real interactions
Spring drag, magnetic snap, bottom sheet, predictive back, drag to reorder, tab indicator and more, each driven by a spring you tune with two sliders and a live readout of settle time and overshoot.
- 02
Checks with one-tap fixes
Every experiment is checked for slow tap responses, long wobbles, too much overshoot and jitter at 60 Hz. Most checks offer a fix, which you can undo.
- 03
Capture a feel you like
Draw a curve, sketch a motion over a mock screen, or point the app at a screen recording, and it fits a spring to it. Then race or blend springs side by side.
- 04
Code out, nothing up
Exports cover Compose, SwiftUI, Flutter, React Native, Framer Motion, CSS linear(), Lottie and Figma, each with a reduced-motion version. Live sync stays on local Wi-Fi with a pairing code. No account, no analytics, no cloud.
Screens
NoteHapture is an Android app and is not yet published on Google Play. It can export SwiftUI code for iOS projects, but there is no iOS version of the app.