Base UI is an unstyled UI library for building accessible component libraries and user interfaces with React. 35 accessible, configurable, composable, customizable components with a focus on a11y.
Base UI is already in production at startups like Paper, Zed, and Unsplash, and being trialled by larger companies like GitHub and Vercel. There is a growing community of open-source libs built on top of it, such as Coss UI, Basecn, 9UI, and Pure UI.
Since Base UI doesn’t bundle any styles, it plays nice with Tailwind, CSS Modules, CSS-in-JS, plain CSS, or whatever styling solution you prefer. It also works with JavaScript animation libraries like Motion, or just plain CSS transitions.
The project is backed by MUI (who are profitable and UI-focused), and maintained by a full-time team of 7 engineers, designers, and managers.
troupo•1mo ago
"Unstyled UI" styles text inputs to be invisible on the page
scoot•1mo ago
troupo•1mo ago
scoot•1mo ago
And yes, obviously with default browser styling – what else would it use in the absence of any default styling or the example css?
I don't understand your argument.
troupo•1mo ago
Then you wouldn't have to remove default styling for it to "work out of the box".
> I don't understand your argument.
The default styling that you have to remove for the input to stop being invisible is just yet another example in a long, long, long line of CSS design systems that absolutely hate text input and their users: https://base-ui.com/react/components/input
Barely visible thin light gray lines where the input is supposed to be are endemic. The example in Field is even more egregious: https://base-ui.com/react/components/field
scoot•1mo ago
I didn't. I removed the CSS styling provided in the example to test that it works perfectly without it.
As OP said in his post description "Base UI doesn’t bundle any styles"
> Barely visible thin light gray lines where the input is supposed to be are endemic
That's a very different complaint, and if as you say "endemic", contradicts your original one that in general they don't render at all.
I imagine that the CSS in the examples are intentionally lightweight exactly because they're unstyled components. It isn't a design system, so is being as unopinionated as possible while demonstrating how to style them.
I don't use the "T" word lightly, but it really does look like you're intentionally being one. (That or poorly informed – you chose which side of Hanlon's razor you sit.)
troupo•1mo ago
An unstyled text input doesn't look like a nearly invisible thin light gray rectangle.
> It isn't a design system, so is being as unopinionated as possible
Then their examples are opinionated with the same hate towards text inputs as every other "accessible unopinionated CSS"
> I don't use the "T" word lightly, but it really does look like you're intentionally being one. (That or poorly informed – you chose which side of Hanlon's razor you sit.)
Vague ad hominem attacks. See, I don't use the "V", "H" and two "A" words lightly either.
scoot•1mo ago
Correct – it doesn't. It would bode you well to actually try the thing you're commenting on.
> Vague ad hominem attacks
Then let me be explicit – it's pretty clear that you only came here to troll, because nothing you've said has any basis in fact. Please don't do that here.