Curated archive of 27 design references, UI interactions, and animations published by Sebastiano Guerriero on X.
Radio buttons for the pricing page of the new Nucleo website. Leani... - Sebastiano Guerriero
Radio buttons for the pricing page of the new Nucleo website. Leaning towards option A. I've spent way too much time on these.
@guerriero_seAll the projects in my portfolio are now 540x540px coded prototypes... - Sebastiano Guerriero
All the projects in my portfolio are now 540x540px coded prototypes 👨🏻🔬
@guerriero_seNested navigation — design idea 01 (sound on 🔉) Demo ↓ - Sebastiano Guerriero
Nested navigation — design idea 01 (sound on 🔉) Demo ↓
@guerriero_seLove the Calendly redesign! Their tabs inspired this gooey animatio... - Sebastiano Guerriero
Love the Calendly redesign! Their tabs inspired this gooey animation ↓
@guerriero_seIcon swapping vs. icon morphing - Sebastiano Guerriero
Icon swapping vs. icon morphing
@guerriero_seA subtle skewed hover effect for adjacent tab bar items, where hove... - Sebastiano Guerriero
A subtle skewed hover effect for adjacent tab bar items, where hovering one tab causes neighboring tabs to subtly shift and skew in a dark UI component.
@guerriero_seIcon animations Demo ↓ - Sebastiano Guerriero
Icon animations Demo ↓
@guerriero_seUse motion to reduce UI travel. - Sebastiano Guerriero
Use motion to reduce UI travel.
@guerriero_seCareful when you drop it! - Sebastiano Guerriero
Careful when you drop it!
@guerriero_sePhysical time picker™ - Sebastiano Guerriero
Physical time picker™
@guerriero_seFinally managed to build a coded version of this timeline concept - Sebastiano Guerriero
Finally managed to build a coded version of this timeline concept
@guerriero_se
This concept didn’t make the cut, but I still love it - Sebastiano Guerriero
This concept didn’t make the cut, but I still love it
@guerriero_se
Couldn't resist. Icons → @nucleoicons duotone - Sebastiano Guerriero
Couldn't resist. Icons → @nucleoicons duotone
@guerriero_se
My take on macOS Tahoe’s Finder - Sebastiano Guerriero
My take on macOS Tahoe’s Finder
@guerriero_se
Should users have the option to select the cursor style? - Sebastiano Guerriero
Should users have the option to select the cursor style?
@guerriero_se
Adding a touch of depth to make the UI feel alive. Icons → @nucleoi... - Sebastiano Guerriero
Adding a touch of depth to make the UI feel alive. Icons → @nucleoicons
@guerriero_seCreating your wallet - Sebastiano Guerriero
Creating your wallet
@guerriero_se
Sometimes AI won’t cut it. Sometimes you have to draw every rectang... - Sebastiano Guerriero
Sometimes AI won’t cut it. Sometimes you have to draw every rectangle yourself. Icons → @nucleoicons
@guerriero_se
A simple login screen. - Sebastiano Guerriero
A simple login screen.
@guerriero_seOne of the coolest things about the new Arcade icons is how customi... - Sebastiano Guerriero
One of the coolest things about the new Arcade icons is how customizable they are
@guerriero_seBringing pixelated icons to life - Sebastiano Guerriero
Bringing pixelated icons to life
@guerriero_se
Started working on the Nucleo web app - Sebastiano Guerriero
Started working on the Nucleo web app
@guerriero_se
Love it when I can sprinkle a little Departure Mono into my designs - Sebastiano Guerriero
Love it when I can sprinkle a little Departure Mono into my designs
@guerriero_se
Simplest way to create glass buttons in Figma ↓ - Sebastiano Guerriero
Simplest way to create glass buttons in Figma ↓
@guerriero_se
Trying to balance subtle decoration with function. Icons → @nucleoi... - Sebastiano Guerriero
Trying to balance subtle decoration with function. Icons → @nucleoicons
@guerriero_seme: just ship this app, no time for details also me: - Sebastiano Guerriero
me: just ship this app, no time for details also me:
@guerriero_se
Glassmorphism + Dark UI = Icons → @nucleoicons - Sebastiano Guerriero
Glassmorphism + Dark UI = Icons → @nucleoicons
@guerriero_se