We need to stop chasing "pixel-perfection".
Even the most "pixel-perfect" mockup is just a hint at what a UI might look like in one state, at one screen size, in one browser, on one device, with one set of data.
Instead, embrace the dynamic, fluid nature of the target medium.
Introducing @base_ui 🚀
✔️ 25 accessible UI components
✔️ Unstyled. Compatible with any styling engine.
✔️ Fully composable with an open API
I'll highlight some of my favourite features in the thread 🧵⬇️
Design system tip: if you have opaque backgrounds/borders on UI components, use mix-blend-mode: multiply, so they work on different coloured backgrounds.
The future of UI design:
Infinite screen sizes
Accessibility
Audio
Video
Inputs (Mouse, keys, trackpad, touch, voice etc.)
State
Interaction
Motion
Morphing
AR
VR
Temperature
Brightness
Connection latency
Data entropy
But yeah no let's keep drawing static pictures
It sucks to see trash posts being shared. Millions of devs use @tailwindcss and love it. It's helping a lot of people ship better products.
This community can be so disheartening sometimes.
Sneak peek at @base_ui Toast, coming very soon (this week?)
The global toast manager enables you to queue toasts from anywhere in your app but use the same toast renderer.
Most of the components have been built to work with any component libraries. You can easily edit a line or two and make them work with @base_ui or React Aria.
cool to see so many of you recommending @base_ui in this thread. fwiw, i agree that radix is a liability. off all of the headless ui libs, it's the last option i'd consider for any serious project.
hot take: using shadcn/radix is a liability at this point
either workos needs to find more people to maintain it, or the ecosystem should unite around ariakit
After much debate, we've decided to open-source all of @modulz components.
40+ accessible, white-label components with a simple but powerful styling API.
All components are compatible with our design tool plugins.
Coming in 4-6 weeks.
✨ Big news ✨
We've raised $4.2M @modulz from @localglobevc and @Frontlinevc to close the gap between design and code.
This team is incredible. Private beta is launching soon. More details in the post 👇
