Micka

@micka_design • 3,471 subscribers

Founding designer, ex-@feedly. 2x acquired @ycombinator startups. Building in public → https://t.co/UJi0D4y1MF — https://t.co/OynK1qJri2

Shorts

The entire industry standardized on static hover 15 years ago and just… stopped thinking about it. Fluid hover is my take to respect the user's cursor.

The entire industry standardized on static hover 15 years ago and just… stopped thinking about it. Fluid hover is my take to respect the user's cursor.

112,589 görüntüleme

Your scrolling lists probably look done when they’re not. macOS hides scrollbars, and clipped content gives no hint there’s more below. Here’s how to fix it →

Your scrolling lists probably look done when they’re not. macOS hides scrollbars, and clipped content gives no hint there’s more below. Here’s how to fix it →

81,071 görüntüleme

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

Surfaces have gain a lot of attention lately. I've improved the page to be more explicit on the problem its trying to solve. Implemented it in prod for a client last week from Tailwind v3. Worked like a breath.

Surfaces have gain a lot of attention lately. I've improved the page to be more explicit on the problem its trying to solve. Implemented it in prod for a client last week from Tailwind v3. Worked like a breath.

68,862 görüntüleme • 2 ay önce

Too many scrollable list that are not scrolled. Exploring the best technique to create affordance that there's more on the scroll. Best example you've been out there?

Too many scrollable list that are not scrolled. Exploring the best technique to create affordance that there's more on the scroll. Best example you've been out there?

82,695 görüntüleme • 3 ay önce

The most underrated thing about shadcn: it has NO opinion on how your app should feel. YOU bring the personality. YOU bring the taste. Shadcn/ui primitives give you the best place to start. Here's what mine became (fully open source) Thank you shadcn

The most underrated thing about shadcn: it has NO opinion on how your app should feel. YOU bring the personality. YOU bring the taste. Shadcn/ui primitives give you the best place to start. Here's what mine became (fully open source) Thank you shadcn

92,972 görüntüleme • 4 ay önce

New component: AskUserQuestions - Clear affordance between single select and multi select - Keyboard powered - Seamless "other" option - Fluid Functionalism's proximity hover - Inline or stacked descriptions - Motion and subtle animation just on what matters Open source: Link in thread ↓

New component: AskUserQuestions - Clear affordance between single select and multi select - Keyboard powered - Seamless "other" option - Fluid Functionalism's proximity hover - Inline or stacked descriptions - Motion and subtle animation just on what matters Open source: Link in thread ↓

38,452 görüntüleme • 3 ay önce

New component drop: Card At Feedly we had 20+ card components. A mess we kept trying to refactor into something cohesive. So I built the one to rule them all. 6,144 combinations, each tested by my own two eyes. I could play with these settings for hours. Open source →

New component drop: Card At Feedly we had 20+ card components. A mess we kept trying to refactor into something cohesive. So I built the one to rule them all. 6,144 combinations, each tested by my own two eyes. I could play with these settings for hours. Open source →

21,975 görüntüleme • 1 ay önce

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

40,698 görüntüleme • 4 ay önce

New side project: a tiny Chrome extension to Slooow down and capture any web animation. I never open the animation devtools, but I always want to see how far a team pushed their polish. 0.1x turns every interface into a motion design critique — you see things you’d normally miss.

New side project: a tiny Chrome extension to Slooow down and capture any web animation. I never open the animation devtools, but I always want to see how far a team pushed their polish. 0.1x turns every interface into a motion design critique — you see things you’d normally miss.

40,966 görüntüleme • 6 ay önce

Hard-coded surface levels break the moment you nest a popover inside a dialog. Fluid Functionalism Surfaces fixes this with 8 substrate-aware levels — components read their depth from context and lift relative to it. Light mode, dark mode, any depth. One primitive. Zero props passed between layers. (Open Source)

Hard-coded surface levels break the moment you nest a popover inside a dialog. Fluid Functionalism Surfaces fixes this with 8 substrate-aware levels — components read their depth from context and lift relative to it. Light mode, dark mode, any depth. One primitive. Zero props passed between layers. (Open Source)

28,372 görüntüleme • 4 ay önce

Every project needs OG images and a favicon set. nobody wants to make them. metadata-gen scans your repo — colors, logo, title — and generates the whole set locally. no API keys, no upload. npx metadata-gen init

22,310 görüntüleme • 4 ay önce

Daha fazla içerik yok.