Introducing Fluid Functionalism, open source ui components where every hover, transition, and animation serves a purpose. Built on top of shadcn/ui and radix. One CLI command to install. Link ↓

Before building this, I studied the best date pickers out there. Here's where each fell short for me: #1 @AirbnbEng (range) - Selected hover state is not visible - Range dates hover is not visible - Flickers on the second date selected - No dark mode #2 @NotionCalendar - Doesn't show date range case - Some text misalignment (fixed since reported yesterday) - Too much padding left on the week number for optical alignment - Previously selected time should appear centered in the dropdown - No scroll-fade effect on dropdown - No subtle animation on month change - No light mode #3 @shadcn - Unclear behavior on which date I'm editing after an initial selection - Glitch on the border around selected date - Disrupting selected hover state - No hover I could go on.. Calendar design is hard and I've designed on top of these giants shoulders. Thanks to these teams for clearing the path. Let's continue to be picky!

Had a sneak peek of what Ben is building and yes, it’s🌶️

just use fluidfunctionalism.com/docs/…

Introducing Reveal: 1 class reveals a whole page, on load and on scroll. For landing page or product. 2 modes: Default or subtle. One prompt away for you to add to your product. fluidfunctionalism.com/docs/…

The guest list for Designers & Machines (October edition) so far: → Designers from Apple, Notion, Perplexity → New grads from top HCI programs → Self-taught creatives, agency owners, elite freelancers One room. 10 days out. Limited spots. designers-machines.com

Changelog is live and it drops the first Friday of every month. What’s new. What’s updated. What’s breaking. Copy the upgrade prompt → drop it in your agent → get the newest craft. fluidfunctionalism.com/chang…

1,000 stars. I woke up to Fluid Functionalism hitting 1,000 stars on GitHub, so here are a few thoughts. It started in February with an X challenge: post consistently, and build components to post about. I picked two to experiment with, a Dropdown and Subtle Tabs. Both came from one interaction idea: the fluid hover that I found so interesting. I wanted to see how far it could stretch. Your reactions kept me going, one component after another. At first I built them for my own products. Then client work fed in: no rebuilding of what already existed, just new components AI companies actually needed. The deeper I went, the more I wanted it to sit on solid ground, so I rebuilt everything around Radix and @shadcn registry conventions. Open-sourcing it was obvious. A paywall would have meant marketing, landing pages, and less care in each component. Open source meant I could keep following my curiosity. Around a few dozen components, I refactored around system foundations: Motion and Surface tokens. I'd done this kind of work for years; this time I could go as deep as I wanted. Then I started meeting people who'd used Fluid Functionalism to ship better products. That's still the best feeling. Somewhere along the way the library stopped being a side project for my products and became the product: shaped by your feedback, always asking what to build next. Most recently I turned the system pages and craft decisions into a skill, so the same thinking can travel into everyone's AI tools. There's so much more I want to build. Two principles guide it: •Design for excellence •Optimize for learning and creativity With 15,000+ monthly visits and now 1,000 stars, thank you for your trust. Keep sharing what you build with it, opening issues, sending PRs, and pitching ideas by DM. You're what keeps those two principles alive. And if you're thinking about starting: pick one interaction you can't stop thinking about, build it for your own real use, and post it before it feels ready. Lean on existing standards, add structure, and let the people using your work tell you what's next. Fluid Functionalism began as two components and a posting challenge.

My portfolio has now its first exhibition "Please Touch". Exploring space, interaction, and how Judd, Klein, and Mondrian influenced the way I design. micka.design

400 for body. 550 for titles and subtitles. fluidfunctionalism.com/docs/…