Curated archive of 30 design references, UI interactions, and animations published by Michael Nowak on X.
details are how users read effort. They can't see your code or your... - Michael Nowak
details are how users read effort. They can't see your code or your late nights - but they can feel whether someone cared about the spacing. care is the one thing you can't fake..
@mnowakdesignOk, the updated 60 FPS version feels reeeally nice. - Michael Nowak
Ok, the updated 60 FPS version feels reeeally nice.
@mnowakdesignbeen working on some cinematic dashboard animations all the little... - Michael Nowak
been working on some cinematic dashboard animations all the little details that turn a static interface into something with more depth and energy
@mnowakdesignEvery great product deserves a great launch video. Not a screen rec... - Michael Nowak
Every great product deserves a great launch video. Not a screen recording. Not a slideshow. A proper animated product video that makes people stop and say - I need that. Some rece...
@mnowakdesign
Users see a dashboard. Designers see 500 micro-decisions about padd... - Michael Nowak
Users see a dashboard. Designers see 500 micro-decisions about padding, hierarchy, and contrast. Sweating the details on this one.
@mnowakdesignYour demo shouldn’t be a lecture. It should be a trailer - Michael Nowak
Your demo shouldn’t be a lecture. It should be a trailer
@mnowakdesignPOV: Your dashboard just got a cinematic upgrade - Michael Nowak
POV: Your dashboard just got a cinematic upgrade
@mnowakdesign
blocks - Michael Nowak
blocks
@mnowakdesign
more details from the modern OKR dashboard - Michael Nowak
more details from the modern OKR dashboard
@mnowakdesign
clean timeline view that visualizes recent tasks across a date rang... - Michael Nowak
clean timeline view that visualizes recent tasks across a date range, showing color-coded project bars
@mnowakdesignAnimating this checkout card now. I love how motion helps the whole... - Michael Nowak
Animating this checkout card now. I love how motion helps the whole breakdown feel even clearer - everything appears in the order your eyes naturally want to follow. It turns a lo...
@mnowakdesign
Two variations of a sidebar navigation - one collapsed to icon-only... - Michael Nowak
Two variations of a sidebar navigation - one collapsed to icon-only and one expanded with labels
@mnowakdesign
Details from the modern account-settings dashboard showing a user’s... - Michael Nowak
Details from the modern account-settings dashboard showing a user’s profile
@mnowakdesign
Modern sleep-tracking dashboard card featuring a colorful sleep-sta... - Michael Nowak
Modern sleep-tracking dashboard card featuring a colorful sleep-stage graph
@mnowakdesign
some details from the new app that I am designing - Michael Nowak
some details from the new app that I am designing
@mnowakdesignExploring some ideas for informing users about an update. The icon... - Michael Nowak
Exploring some ideas for informing users about an update. The icon highlights occasionally to draw attention without being distracting.
@mnowakdesignEvery pixel is a decision. Every motion, a message. It tells people... - Michael Nowak
Every pixel is a decision. Every motion, a message. It tells people where to look, what to feel, and why it matters
@mnowakdesign
Settings Toggle Grid - Michael Nowak
Settings Toggle Grid
@mnowakdesignCards with some micro-animations - Michael Nowak
Cards with some micro-animations
@mnowakdesignComponent for managing a feature rollout in motion - Michael Nowak
Component for managing a feature rollout in motion
@mnowakdesignModern dark-themed SaaS landing page designed to promote a cybersec... - Michael Nowak
Modern dark-themed SaaS landing page designed to promote a cybersecurity platform that detects threats quickly and automatically.
@mnowakdesignSeat counter with small, fast animations to confirm actions and rem... - Michael Nowak
Seat counter with small, fast animations to confirm actions and reminder to upgrade the plan
@mnowakdesignLanding page for a fintech product - different angle - Michael Nowak
Landing page for a fintech product - different angle
@mnowakdesignChip Morph - close-up, details - Michael Nowak
Chip Morph - close-up, details
@mnowakdesignAuthorizing payment - trying to make the process smooth & clear for... - Michael Nowak
Authorizing payment - trying to make the process smooth & clear for the user. Sharing the full experience soon
@mnowakdesignSettle up -> Settled, process in motion - Michael Nowak
Settle up -> Settled, process in motion
@mnowakdesignFloating Action Button - animation idea - Michael Nowak
Floating Action Button - animation idea
@mnowakdesignAll about the details - Michael Nowak
All about the details
@mnowakdesignLiquid Glass Maps - animation concept. Here’s a small behind-the-sc... - Michael Nowak
Liquid Glass Maps - animation concept. Here’s a small behind-the-scenes look.
@mnowakdesignA simple UI animation idea. What do you think? - Michael Nowak
A simple UI animation idea. What do you think?
@mnowakdesign