Micka

My latest side project A collection of 10 highly polished UI components. Based on Radix UI and Shadcn primitives. Open source for your next project. I hope you find them delightful to interact with. Credit to my new partner in crime Claude code. fluid-functionalism.vercel.app

@guillaumebth Nice screensaver as well!

Just launched symbl.space a free tool to stress-test your logo 🔳

@joshmillgate You currently have to click on the chrome extension icon again. Is your extension hidden and hard to go back to?

@micka_design Can you add an 'x' button on the UI to close it?

Slooow is officially live in the Chrome Web Store. It slows down any web animation (CSS, GSAP, Framer Motion…) so you can actually see what’s going on — easing, timing, polish. Perfect for motion design critique, design reviews, and UI polish sessions. Install it, open your product, set it to 0.1x, and you’ll notice things you’ve never seen before. chromewebstore.google.com/detail/slooow/…

@charliedeets @diabrowser Got a medusa feeling with the logo 👀 but remain fully in love with the button hover.

Last week, we shipped a new @diabrowser update to friends and family. This update is a step change in functionality for Dia and we couldn’t be more excited to see what you make. You can join the beta today by entering ‘deetsman315’ into a new tab.

@0xNotthatsundar Neither: the fill is a separate absolutely positioned element, with left/width driven from the thumbs’ positions. So JS-driven layout, not CSS custom props + gradient and not clip-path.

@micka_design The filled track between two thumbs is the trickiest CSS part — you can't use a pseudo-element span, so most implementations set `--thumb-left` and `--thumb-right` as % values and use `background: linear-gradient(...)` on the track. Does yours use CSS vars or JS-driven clip-path?

New component drop: Slider fluidfunctionalism.com/docs/slider - Range - Steps - Compact or Comfortable design

Working on component cohesiveness for fluidfunctionalism.com. Sliders are really hard to get right but really enjoyable to play with (still WIP). Last version inspired by @lorenzodossi

Badges. Solid or Dot variants, in 3 sizes. fluidfunctionalism.com/docs/badge

@dboskovic I'm so tired of Storybook. Excited to try this!

move over storybook - ReactScope now generates impeccable component views for humans as well as robots 𝚜𝚌𝚘𝚙𝚎 𝚍𝚘𝚌𝚜 𝙼𝚘𝚍𝚊𝚕 --𝚜𝚎𝚛𝚟𝚎

Its official, fluidfunctionalism.com is a registry of ui.shadcn.com 🎉 Let's make the web a more delightful place one component at the time.

@claudeai please stop breaking my flow 20 times a day.

@jakubkrehel Great compilation 👌

Details That Make Interfaces Feel Better jakub.kr/writing/detail…

@drgdfyi Testing out components in more complex UI scenario and edge cases is part of my refinement process.

@micka_design Looks cool but how exactly is this stress testing?

Stress testing the SubtleTab, Checkboxes and Table components on real use cases. I want these components to be better default, every interaction should feel snappy, not sluggish.

@krzemian Nice! Good eye.

@micka_design Finally a slider that picks up dragging above/below the bullet handle lol 🙏 looks really smooth, bookmarking

Shadcn slider VS fluidfunctionalism.com slider (based on Shadcn) - see before you click - click comfortably - help you feel in control New component drop every week.

@Sameerjs6 Ohh I see haha, feel free to play with it yourself and lmk your feeling.

@micka_design No, not that 😭😂

@MarkoP16594845 Which component do you want to see next?

@micka_design wooowwwww so crisp and good! is there a roadmap? following! i would love to see more components!!