A podcast conversation between @mannupaaji and @mattgperry about @motiondotdev import friction sparked an idea.
Built MotionDiv โ a VS Code extension that converts React elements into Motion components and automatically manages imports using a single shortcut.
Ctrl Shift M
1
18
Ben โช retweeted
Created this shared-layout switch animation , using @motiondotdev .
Inspired by @gobennovela.
code: ashudureja.com/playground
1
1
29
Motion retweeted
Jun 13
ok, real talk๐ - this is actually a demo of @motiondotdev 's new arc() ๐
it animates elements along a curved path instead of a straight line. every "download" is one arc, aimed wherever you drop the target.
x.com/motiondotdev/status/20โฆ
(it's also hiding in the titleโฆ ARChive ๐)
Jun 5
Massive thanks to @lochieaxon for pushing this through!
Check out the example: examples.motion.dev/react/adโฆ
Docs: motion.dev/docs/arc
1
5
5,861
17h
Built a quick Instagram Reels clone to test something, when you scroll between reels, the like/comment/save counts now roll like a slot machine instead of getting a new set of icons with the reel.
used @DanielWhit21874's slot-text comp, and it looks so sleek. The direction of the scroll animation depends on the direction of the scroll ;)
animations via @motiondotdev
@instagram take notes ๐
1
2
66
omohagbon retweeted
Jun 12
The new Motion example Bobble Hover shows how to compose pointer position into spring animations that dynamically squish and stretch elements based on velocity.
2
6
89
4,054
Jeet retweeted
Jun 2
Bill Split Component: Drag to rebalance two people, tap Even to reset
Designed in @paper, animated with @motiondotdev
8
3
142
5,977