Sebastiano Guerriero
@guerriero_se
Followers
9,378
Following
439
Media
465
Statuses
3,041
Building @nucleoapp → 24000 icons + app to manage all your icons.
Italy
Joined July 2010
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Chávez
• 803694 Tweets
The Dude
• 161954 Tweets
White Dudes for Harris
• 124576 Tweets
#WWERaw
• 85395 Tweets
#WhiteDudesForKamala
• 49725 Tweets
Astros
• 30937 Tweets
Jeff Bridges
• 27109 Tweets
初老ジャパン
• 26115 Tweets
Gau Sewa Dharm Hamara
• 26099 Tweets
広瀬めぐみ
• 23492 Tweets
Caldera
• 22475 Tweets
Cavuto
• 20665 Tweets
#VenezuelaLibreDelDictador
• 19328 Tweets
Eye Donation
• 18592 Tweets
#TrainAccident
• 18295 Tweets
Kikuchi
• 17227 Tweets
公設秘書給与詐取の疑い
• 15321 Tweets
キラーT細胞
• 11190 Tweets
Bloss
• 10384 Tweets
To the young designers thinking a light on a button means skeuomorphism is back: we used to craft wooden UIs in 2013 😄
141
181
4K
CSS only snap scroll is pretty cool. It also works if you're navigating using the keyboard. 👌
.parent {
scroll-snap-type: y mandatory;
}
.child {
scroll-snap-align: center;
}
28
381
2K
10 years ago, I shared an Apple store redesign on Dribbble.
It went viral, landed me 3 big clients, and launched my design career.
To the young designers: share whatever work makes you proud, be it fantasy projects or real client work.
Anything could lead to your dream job ✨
40
105
2K
How to create a customizable 'flipped' border-radius in CSS ↓
5
66
1K
How to use the :where CSS selector to solve specificity problems ↓
10
73
870
My top 4 monospaced fonts for high-density UIs:
- Geist Mono
- IBM Plex Mono
- Supply Mono
- JetBrains Mono
Icons →
@nucleoapp
UI
What are yours?
19
45
851
Get the Figma files of my UI experiments for free ↓
17
33
669
Love working on these micro-interactions 🪄
There's lot of CSS trickery going on in this experiment. Codepen link in the comments.
Icons →
@nucleoapp
24
48
600
🌘
23
14
459
Which icon better represents the concept of "AI-generated image"?
348
11
390
Putting the new Nucleo icons to the test in real UI components.
17
23
349
Testing this style on a table component (+ color palette used).
5
21
331
data-theme="dark"
15
7
332
Playing with neumorphic switches and animated icons. 🪄
✦ Duotone icons →
@nucleoapp
✦
@CodePen
link in the comments.
12
17
287
🎉 Nucleo UI has reached 6000 icons!
Some of my February favorites ↓
8
10
239
Experimenting with new Nucleo icons in complex components by integrating them into a Figma clone I designed.
18px size (16px live + 1px safe) with a 1.5px stroke seems to be the sweet spot for web apps 👌
10
9
233
Another one from the 2013 archives. Everything is textured!
4
3
230
Lights out 🫰🌚
11
4
213
Dropbox Redesign [Full Screen]
Icons →
@nucleoapp
Font → Instrument Sans
Link to Figma file in the comments 🎁
8
9
172
It's time for a change
@codywebhouse
↓
From a business standpoint, we have failed.
Why?
- Our entire model was too dependent on our CSS framework.
- Adoption of the framework has been low.
- Users love our components but are hesitant to learn a new framework just to use them.
10
9
149
How to create a 'side profile' icon in three steps
4
11
145
In 6 months, I designed 2567 icons in two styles (outline/fill) for a total of 5134 SVG assets, while working with
@romano_cla
on Nucleo app v4.
I'm all-in on this, turning down clients and sidelining my other projects to focus solely on Nucleo.
10 years ago, I took a similar
3
8
141
Chrome (v76) now supports the backdrop-filter CSS property 🙌
In the example below I'm applying backdrop-filter: blur(10px) to the background of the modal window.
3
22
127
Thinking about creating a react UI library for SaaS app UIs, with a touch of skeuomorphism 🤔
It would enable anyone to create designs like my recent Gmail redesign.
5
1
101
I've designed a new icon family: Nucleo Micro Bold.
✦ Size: 16px live area + 2px padding
✦ Stroke-width: 2px
✦ Style: Rounded
Grab 180 icons for free:
0
4
97
Thrilled with the direction this
@nucleoapp
set is taking! I'm pouring my heart into every little icon.
Here's a preview of the latest creations:
2
7
94
Drawing human figure icons in different styles is "fun".
2
7
88
A first look at Nucleo Micro Bold!
It's a new icon family featuring:
- bold 2px stroke
- 16px live area
- rounded shapes
🔜
@nucleoapp
9
4
83
UI Experiment
#004
🌈
Working on a minimal browser concept and playing around with various themes, just for fun.
- Icons →
@nucleoapp
- Font → SF Pro
Will reveal the whole design soon!
3
1
84
Figma Community file
🔗
0
5
80
Trying to squeeze nice details into tiny 16px icons 🔬😅
4
0
80
🤯 How to target all the classes that start with a specific value in CSS.
2
8
77
The versatility of an icon family truly depends on the most popular icons — and their variations.
0
8
79
You can create subtle parallax effects in CSS by combining the 'clip-path' and 'transfom' properties. 🪄
2
12
79
Would anyone be interested in a video tutorial on designing and coding this component?
Love working on these micro-interactions 🪄
There's lot of CSS trickery going on in this experiment. Codepen link in the comments.
Icons →
@nucleoapp
24
48
600
16
1
71
A super simple SASS snippet I use for almost every project to set (mobile-first) breakpoints 📝
2
11
68
design-icons_18px_filled
Almost ready to release this huge icon family 💪
5
3
67
After 6 months of all-in dedication, Nucleo v4 is live! 👏
Feeling a blend of excitement and nerves. Can't wait for you all to see what we've built.
→
10
3
67
