Curated archive of 17 design references, UI interactions, and animations published by Noman on X.
Wheel picker with motion blur 💨 - Noman
Wheel picker with motion blur 💨
@NomandsignA clean documentation-style web demo showcases shader-driven page t... - Noman
A clean documentation-style web demo showcases shader-driven page transitions with gradient previews, easing controls, and custom palette settings.
@NomandsignA playful iMessage-inspired sticker peel-off animation where illust... - Noman
A playful iMessage-inspired sticker peel-off animation where illustrated stickers with holographic finishes sequentially unpeel and collapse into a single stack on a dark backgrou...
@NomandsignA liquid metal shader experiment rendered on an iPhone mockup where... - Noman
A liquid metal shader experiment rendered on an iPhone mockup where large numerals drain from glowing green to dark metal as the Codex usage limit ticks down.
@NomandsignExploring a lil delight when users land on the website after accept... - Noman
Exploring a lil delight when users land on the website after accepting the beta invite.
@NomandsignThis is called petro-aqua aesthetics - Noman
This is called petro-aqua aesthetics
@Nomandsign
Design inspiration by Noman
@NomandsignNeeded some specific controls and didn't like the UX of current too... - Noman
Needed some specific controls and didn't like the UX of current tools so I built myself a dot shader http://iamnoman.com/dot
@Nomandsign2D slider - a wip - Noman
2D slider - a wip
@NomandsignFurther polishing the dynamic island. The animation you see of the... - Noman
Further polishing the dynamic island. The animation you see of the notch expanding is played at 0.25x to show how the animation choreography is designed.
@NomandsignTinkering with link hover animations - Noman
Tinkering with link hover animations
@NomandsignOne of my favorite sites I built using Framer - Noman
One of my favorite sites I built using Framer
@NomandsignTiny book but its a scroll progress indicator - Noman
Tiny book but its a scroll progress indicator
@NomandsignAutopilot toggle - Noman
Autopilot toggle
@NomandsignAgent browsing using keyboard - Noman
Agent browsing using keyboard
@NomandsignSearch mode switch - Noman
Search mode switch
@NomandsignAdded a lot of tiny details to this total count widget - Noman
Added a lot of tiny details to this total count widget
@Nomandsign