Keyframer retweeted
Crashes throw. Jank doesn't.
🎉 Finally live: Keyframer inspector, like Sentry but for motion. The line of code behind every dropped frame.
🔍 Inspector, on your desk
📈 Motion Vitals, in production
⚡ One command to set it up
React Native, iOS, Android, Flutter. Open-source SDKs (MIT).
Keyframer retweeted
There will be a way to inspect, debug and fix your animations.
Runs on React Native, iOS, Android and Flutter.
Keyframer retweeted
Made some progress on @keyframer_dev Reanimated animation debugger.
What do you think? Are you willing to beta test it?
Keyframer retweeted
Working on a way to debug animations in React Native 👀
Record a gesture on device, scrub it from the browser, see where the UI or JS thread dropped frames.
@keyframer_dev inspector: a babel plugin + <MotionScan /> for an on-device overlay
Keyframer retweeted
The @keyframer_dev lightbox its done
Keyframer retweeted
I am proud to release Chalk Puzzles
9 addictive puzzles and board games
No account, fully offline, 60fps everywhere 🧵
Built with @expo
Animations with Reanimated by @swmansion
9 language support
Custom app icons
Widgets
Sounds and haptics
Multiplayer - Same phone, multi peer/nearby and AI
Reminders - local notifications
Legend State and SQLite for shared state app - widgets
Thanks a lot for your support! Sharing this will help me :)
Keyframer retweeted
WebMCP anyone?
🔜 keyframer.dev
Keyframer retweeted
Live @keyframer_dev preview recipe:
Squircle Ring + CountUp node-graph
- yes, this is running Reanimated 4 on web, no fake animations :)
Keyframer retweeted
Give it a try
keyframer.dev/recipes/trend-…
Keyframer retweeted
CountUp node-graph @keyframer_dev
The good thing? Any text element has this, and it's updated in real-time
Keyframer retweeted
Another @keyframer_dev node graph: Text reveal
keyframer.dev/recipes/typewr…
Keyframer retweeted
👑 if this is not awesome, I don't know what it is :)
Skia node-graph -> Android - iOS - Web -> Instant feedback (durable objects ftw)
Clean code that you can copy - paste
Keyframer retweeted
Some things are difficult to do in React Native, well not anymore, I give you the Motion Path node-graph.
keyframer.dev/recipes/motion…
Keyframer retweeted
A new node-graph: Repeater
keyframer.dev/recipes/phyllo…
Keyframer retweeted
thanks to AI we have a blog playground
All animations run on Reanimated v4 and Gesture Handler - thanks to the robust @keyframer_dev engine that is really scalable.
keyframer.dev/blog/swiftui-s…
Keyframer retweeted
I will create the best animation playground as blog posts with the help of AI where you can play with different interactions but also extend them via the full editor.
🔜 keyframer.dev
Keyframer retweeted
The talk about Keyframer - The Reanimated Visual editor it's up.
🎥 Watch it here: youtube.com/watch?v=vVVKvS3c…
PS: I had only 1 day to prep for the @appjsconf talk but it was really fun :)
I'm building a visual editor for Reanimated.
It's still early, but I'd love for you to try it and tell me what's missing, confusing and exciting :)
👉 keyframer.dev








