Sebastiano Guerriero's banner

Sebastiano Guerriero

@guerriero_se • 19,292 subscribers

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

Shorts

Drag enough to collapse it. Demo ↓

Drag enough to collapse it. Demo ↓

423,394 Aufrufe

Simple animation idea for a sidebar collapse button

Simple animation idea for a sidebar collapse button

50,067 Aufrufe

Keep your focus effects consistent.

Keep your focus effects consistent.

116,393 Aufrufe

Use motion to reduce UI travel.

Use motion to reduce UI travel.

106,496 Aufrufe

UI tip: instead of using gaps in bordered lists, try hiding the borders next to the hovered item.

UI tip: instead of using gaps in bordered lists, try hiding the borders next to the hovered item.

32,551 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,570 Aufrufe

I like designing web apps.

I like designing web apps.

225,732 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

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

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

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

181,818 Aufrufe • vor 2 Monaten

Make your border blend with the background.

Make your border blend with the background.

Sebastiano Guerriero

120,325 Aufrufe • vor 4 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 6 Monaten

All the projects in my portfolio are now 540x540px coded prototypes 👨🏻‍🔬

All the projects in my portfolio are now 540x540px coded prototypes 👨🏻‍🔬

Sebastiano Guerriero

20,998 Aufrufe • vor 1 Monat

From static images to coded previews. The journey continues 🛝

From static images to coded previews. The journey continues 🛝

Sebastiano Guerriero

24,515 Aufrufe • vor 4 Monaten

Physical time picker™

Physical time picker™

Sebastiano Guerriero

31,784 Aufrufe • vor 6 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 11 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