Make websites "live" š¾
Joined September 2024
- Tweets 240
- Following 156
- Followers 167
- Likes 399
45 Photos and videos
Khoa Phan retweeted
Jun 5
Introducing Arcs in Motion 12.40.
Arcs animate elements along curved paths. These aren't static like offset-path, they're dynamic and work with both x/y and layout animations.
They're easy to tweak too, thanks to strength, peak, and auto-rotate options!
18
20
399
83,345
Khoa Phan retweeted
Jun 1
To get good animations from an AI you need to get good at telling it what you want:
- "stagger this list of items"
- "make this animation direction-aware"
- "spacial consistency", "crossfade", "layout animation",
I made a motion vocabulary for this:
animations.dev/vocabulary
83
419
5,302
741,623
May 16
1
5
182
May 10
A good lib handling gradient borders, the best part is that it can also be applied to transparent backgrounds
by @flornkm
Introducing the gradient border plugin
Familiar syntax, CSS-only, works everywhere. Easiest way for agents (and humans) to add border gradients via tailwind.
3
146
Khoa Phan retweeted
Apr 13
š 3.15 is out, with adaptive directional easing š
Ever called reverse() on an animation and noticed the motion feels... off? That's because reversing an animation also reverses the easing curve, so an ease-out becomes an ease-in. Now with easeReverse - youāve got more creative control over how that reverse animation feels!
6
30
308
33,131
Khoa Phan retweeted
Apr 14
You can enroll in my animation course for the next 10 days!
Itās the perfect way to learn the theory behind great animations, but also how to build them in code.
Now with a skill file for coding agents.
Weāll cover all of these components and more, source code included.
31
40
845
165,902
Apr 13
Itās been a while since I last worked with only Framer Motion, so now I want to get back into it and draft something using GSAP
1
42
Khoa Phan retweeted
Apr 12
Just dropped a new article āļø
Spring physics in CSS is one of those things you try once and canāt go back
carmenansio.com/articles/sprā¦
5
33
340
20,413
Khoa Phan retweeted
Feb 10
Introducing <AnimateView /> - a 3kb component for using view transitions in React. Now in Motion Early Access.
Use Motion springs, define keyframes, fire callbacks, all without getting your feet muddy in pseudo-selectors.
8
11
355
23,265
Jan 23
a new thing to play with š
Jan 21
The long due update to our locomotive-scroll library is finally here.
Now built on top of Lenis (@LenisSmooth), plus our detection and animation layer.
Happy scrolling ā scroll.locomotive.ca
47
Jan 21
2
4
85
Khoa Phan retweeted
Jan 20
Opening transition for a book
Built with @motiondotdev
Preview link is in š§µ
1
1
2
58