Builds
Whole apps, built end to end and then taken apart for you. Every screen, every bit of motion, and the source to go with it.
Three screens inspired by Robinhood's crypto tab, rebuilt from scratch in React Native: a discover page, a token page with a Skia chart you can drag a finger across to read prices off, and a swap screen whose amount is a run of individually sprung Skia glyphs over a canvas that paints wherever you touch. Digits roll in and out odometer-style, commas duck under the line and surface again, and every number that moves is driven from the UI thread, so a scrubbing finger never crosses onto the JS thread.
App details
Total size0.82 MB
Drops inside4
Built withexpo · react native · react native skia · reanimated
$49
- Three screens with a traced push transition and a swap sheet
- Trending rail, list chips, ranked token rows, floating search pill
- Live quote header, chart, range selector, stats, animated Buy reveal
- Skia line, vertex-coloured glow ribbon, pulsing live marker, crosshair
- README with install, usage and the reasoning behind each animation
An independent study build, written from scratch as a design and motion exercise. Motionary is not affiliated with, endorsed by, or sponsored by Robinhood, and this build ships none of its code, assets, logos, or trademarks. All product names and brands are the property of their respective owners.
The drops inside
4 dropsEvery piece of motion in this app, and where to grab the ones you want on their own.
01 / 04:A Price That Rolls
Every digit moves on its own. When the price changes, only the digits that actually changed roll out of the way while the new ones roll in, and they flash green or red on their way past, so you catch the direction before you've read the number. Drag your finger across the chart and the whole thing tracks you live, but on a steady beat rather than a blur, so it stays readable no matter how fast you scrub.
02 / 04:Chart
The line itself is hairline-thin. Everything else is atmosphere: a wide, soft band of colour that follows the chart's shape without copying its every jitter, so it reads as light coming off the line rather than a second line behind it. It runs off both edges of the screen and shifts from green to red when the range closes down. The live price sits at the end as a small lit dot that pulses outward on each new tick.
03 / 04:Ink That Follows You
Touch anywhere and you leave a soft glowing mark behind. A tap, a drag, a scribble, right across the top of the interface. The trail disappears from the end you drew it, so it drains away rather than just dimming out. And it never gets in the way: buttons, scrolling, and the chart all keep working normally underneath it.
04 / 04:Numbers Worth Typing
Each keystroke rolls the new digit up into place and pushes the old layout aside. Delete and the whole thing rolls back down. When the amount crosses a thousand, the comma doesn't slide over with the digits. It ducks out through the bottom and pops back in at its new spot, so the number lands with a beat. Type fast enough and the commas bob. The whole run shrinks to fit as it grows, and never once touches the main thread.
Want the whole nest?
One price, every build and every drop on the wire, forever. New ones land and you already own them.