Product Designer

Joined August 2011
635 Photos and videos
Pinned Tweet
Built a small web app over the weekend as I was needing a super simple way of framing screenshots. device.fit Still a few things I want to add, but figured it was worth sharing now.
1
3
10
946
Liam Forsyth retweeted
Success
18
80
732
17,858
Liam Forsyth retweeted
a simple hover animation idea ๐Ÿ’ก
9
8
219
6,599
Liam Forsyth retweeted
18 Sep 2025
a (rough) iOS Split View concept there are many reasons this form doesn't work well but the interaction was fun to prototype
89
75
1,814
358,265
Liam Forsyth retweeted
The safe triangle / aim guard Invisible by design, essential by experience. The first of many "oh dang, menus are deep" moments while building @bazza_ui menu from scratch. โŠ™ Cursor movement โ†’ user intent โŠ™ Keep menu open, block sibling highlights โŠ™ Cancel on intent change
21
57
1,042
68,666
effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework โœจ โ†’ torph.lochie.me
59
91
2,157
166,385
Me: Iโ€™m going to get a whiteboard so I can map out flows during calls, quickly scribble down ideasโ€ฆ Also me:
1
115
Liam Forsyth retweeted
14 May 2025
The digital wax seal just feels right! ๐ŸŒ• @Airbnb
7
57
1,229
52,343
Liam Forsyth retweeted
prediction cone/safe triangle โ€” this is something we take so much for granted in modern day native UIs. but it's not the same for most web-based dropdown menus. it took me a while to implement this here. Amazon, macOS, Windows all implement some version of this.
165
666
12,485
1,201,097
Liam Forsyth retweeted
spark ยท onboarding by @playsparkapp
11
19
407
24,934
Liam Forsyth retweeted
Button liquid morph animation ๐Ÿ”ฅ
25
32
670
36,254
Liam Forsyth retweeted
slider ui made with react and motion
75
82
2,251
73,640
Liam Forsyth retweeted
I wrote about building Agentation with Agentation: benji.org/agentation
20
22
448
36,241
Liam Forsyth retweeted
Jan 14
25
11
342
16,776
Liam Forsyth retweeted
When I was young, I stumbled upon a television channel that was showing a test pattern. I was immediately fascinated by its visual appearance, which was very colourful and high-contrast. PBTfans No Signal is currently available on @KBDfans
21
429
5,213
134,360
Liam Forsyth retweeted
`clip-path` buttons
31
43
1,134
40,859
Liam Forsyth retweeted
hook this 3D CSS card up to device rotation? sure! ๐Ÿ‘จโ€๐Ÿณ tip: use the DevTools "Sensors" emulator with "Custom Orientation" to debug/refine before taking it to a real device ๐Ÿ‘‡
CSS card parallax with pointermove custom props ๐Ÿง‘โ€๐Ÿณ <div class=ring style="--i: 2"> .ring { translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); } trick: pointer mapping to rotate card in 3D translate rings 2D for the illusion ๐Ÿค™ check it ๐Ÿ‘‡
19
30
534
81,917
Liam Forsyth retweeted
Rebrand (finally) complete. ๐Ÿ˜ฎโ€๐Ÿ’จ
11
5
209
12,171
Liam Forsyth retweeted
Almost 20k ๐Ÿฅน Only took 5 years ๐Ÿ‘ด ๐Ÿ โ†’ fig.page/flags
1
11
617
Liam Forsyth retweeted
4 Nov 2025
toss your note to the bin ๐Ÿ—‘๏ธ / interaction
123
108
2,131
121,415
Liam Forsyth retweeted
Built a small web app over the weekend as I was needing a super simple way of framing screenshots. device.fit Still a few things I want to add, but figured it was worth sharing now.
1
3
10
946