Liam Forsyth

Product Designer

[Liam Forsyth @liamdforsyth]

Built a small web app over the weekend as I was needing a super simple way of framing screenshots.

https://t.co/SmqjnW2pMK

Still a few things I want to add, but figured it was worth sharing now.

[Retro Tech Dreams @RetroTechDreams]

Success

[Michael Nowak @mnowakdesign]

a simple hover animation idea 💡

[Gavin Nelson @Gavmn]

a (rough) iOS Split View concept

there are many reasons this form doesn't work well but the interaction was fun to prototype

[kian bazza @kianbazza]

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

[؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie @lochieaxon]

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 ✨

→ https://t.co/09ko4KaK9Z

[Liam Forsyth @liamdforsyth]

Me: I’m going to get a whiteboard so I can map out flows during calls, quickly scribble down ideas…

Also me:

[60fps @60fpsdesign]

The digital wax seal just feels right! 🌕 @Airbnb

[Soren @sorenblank]

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.

[SIP @spottedinprod]

spark · onboarding
by @playsparkapp

[60fps @60fpsdesign]

Button liquid morph animation 🔥

[Shiv @shiv_visual]

slider ui made with react and motion

[Benji Taylor @benjitaylor]

I wrote about building Agentation with Agentation: https://t.co/Dqh03PZyHw

[biipmk @biipmk]

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

[Liam Forsyth @liamdforsyth]

@josesaezmerino Looking so clean 🤩

Can't wait to try it out!

[Jakub Krehel @jakubkrehel]

`clip-path` buttons

[Liam Forsyth @liamdforsyth]

@naoenomoto Oooh and with that sound effect! ✨

[jhey ʕ•ᴥ•ʔ @jh3yy]

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 👇

[Ras✦Maus @RasmusNielsen]

Rebrand (finally) complete. 😮‍💨

[Luc Chaissac @lucchaissac]

Almost 20k 🥹 Only took 5 years 👴
🏁 → https://t.co/rGxh6R9DJN