Product Designer
Joined August 2011
- Tweets 4,721
- Following 1,590
- Followers 1,508
- Likes 17,643
635 Photos and videos
Pinned Tweet
28 Oct 2025
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.
ALT Screenshot of device.fit, showing a screenshot in an iPhone with a background added.
1
3
10
946
Liam Forsyth retweeted
Success
ALT Windows XP error message that says Success. I made it in REALBasic.
18
80
732
17,858
Liam Forsyth retweeted
Feb 24
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
Feb 19
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
Liam Forsyth retweeted
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
Feb 18
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
Feb 16
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
Feb 3
slider ui made with react and motion
75
82
2,251
73,640
Liam Forsyth retweeted
Jan 22
I wrote about building Agentation with Agentation: benji.org/agentation
20
22
448
36,241
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
10 Nov 2025
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 ๐
9 Nov 2025
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
9 Nov 2025
Rebrand (finally) complete. ๐ฎโ๐จ
11
5
209
12,171
Liam Forsyth retweeted
7 Nov 2025
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
28 Oct 2025
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.
ALT Screenshot of device.fit, showing a screenshot in an iPhone with a background added.
1
3
10
946