Sebastiano Guerriero's banner

Sebastiano Guerriero

@guerriero_se • 18,961 subscribers

Designing web apps and icons. ✦ 40,000 pixel-perfect icons → @nucleoicons

Shorts

Drag enough to collapse it. Demo ↓

Drag enough to collapse it. Demo ↓

422,296 Aufrufe

Keep your focus effects consistent.

Keep your focus effects consistent.

115,908 Aufrufe

Use motion to reduce UI travel.

Use motion to reduce UI travel.

106,132 Aufrufe

Skewed, adjacent hover effect. I'll admit this one may be too subtle 😄

Skewed, adjacent hover effect. I'll admit this one may be too subtle 😄

56,336 Aufrufe

I like designing web apps.

I like designing web apps.

222,988 Aufrufe

Finally managed to build a coded version of this timeline concept 🕹️

Finally managed to build a coded version of this timeline concept 🕹️

62,832 Aufrufe

Animated pixel icons. Ask your agent to create something similar using 'RGB Shift' and 'lightbulb flicker' effects.

Animated pixel icons. Ask your agent to create something similar using 'RGB Shift' and 'lightbulb flicker' effects.

13,511 Aufrufe

How to create a customizable 'flipped' border-radius in CSS ↓

How to create a customizable 'flipped' border-radius in CSS ↓

203,250 Aufrufe

A UX pattern I like: inline dialogs. Instead of blurring the whole background, just push the main content out of focus and replace it with the dialog. Navigation and header stay accessible, and it feels less obtrusive than a standard modal.

A UX pattern I like: inline dialogs. Instead of blurring the whole background, just push the main content out of focus and replace it with the dialog. Navigation and header stay accessible, and it feels less obtrusive than a standard modal.

51,571 Aufrufe

UI experiment: expandable steps indicators ✨ Icons → Nucleo Icons

UI experiment: expandable steps indicators ✨ Icons → Nucleo Icons

90,233 Aufrufe

Quickly prototyped this morphing button idea in Cursor 🪄

Quickly prototyped this morphing button idea in Cursor 🪄

17,512 Aufrufe

Creating isometric illustrations used to be hard. Until I built Fiko, an AI design assistant.

Creating isometric illustrations used to be hard. Until I built Fiko, an AI design assistant.

18,393 Aufrufe

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Icon swapping vs. icon morphing

Icon swapping vs. icon morphing

Sebastiano Guerriero

180,690 Aufrufe • vor 1 Monat

Make your border blend with the background.

Make your border blend with the background.

Sebastiano Guerriero

120,325 Aufrufe • vor 2 Monaten

Gradually replacing static images in my portfolio with coded previews. It’s just more fun this way.

Gradually replacing static images in my portfolio with coded previews. It’s just more fun this way.

Sebastiano Guerriero

90,408 Aufrufe • vor 5 Monaten

From static images to coded previews. The journey continues 🛝

From static images to coded previews. The journey continues 🛝

Sebastiano Guerriero

24,515 Aufrufe • vor 2 Monaten

Physical time picker™

Physical time picker™

Sebastiano Guerriero

31,784 Aufrufe • vor 4 Monaten

One of the coolest things about the new Arcade icons is how customizable they are 👇

One of the coolest things about the new Arcade icons is how customizable they are 👇

Sebastiano Guerriero

48,959 Aufrufe • vor 10 Monaten

How to use the :where CSS selector to solve specificity problems ↓

How to use the :where CSS selector to solve specificity problems ↓

Sebastiano Guerriero

61,881 Aufrufe • vor 2 Jahren

Keine weiteren Inhalte verfügbar