it'd drives me nuts to chose the right UI library....
# off-topics
Shneor
01/10/2022, 3:42 PMit'd drives me nuts to chose the right UI library. Is anyone here familiar with the Supabase UI? is it mature to use? how it's camper to TailwindUI?
Our stack is Supabase+Nextjs+? (Tailwindcss/SupabaseUI/Chakra/BootstrapReact)
j
jonny
01/10/2022, 8:49 PMit's not that mature.
Currently implementing a tailwind-based theme provider.
it's not really comparable to tailwindui since that's mostly a collection of html code snippets.
supabase ui is mostly going to be radix components and a few custom components of ours styled with tailwind CSS classes, which, if you want, can be changed to whatever you like. the tailwind classes will be generated by your own tailwind config in your own app with the help of a supabase ui config file you wrap around your own tailwind config.
This probably isn't that ideal for most people unless you already use tailwindcss in your app.
It's also probably going to heavily rely on radix colors (https://www.radix-ui.com/colors) as a default rather than tailwind colors.
jonny
01/10/2022, 8:50 PMalthough, if you want to use tailwind colors, you can do so by using different tailwindcss classes in a custom theme file
jonny
01/10/2022, 8:54 PMIt's probably worth pointing out we are primarily building the library for our own use really, but it's cool to see some interest from others.
I don't think it's all that radical though, anyone can use some tailwind classes on some radix components.
I have gone out of my way in some areas though to compose the components a bit more simpler so they're easier to reuse.. its a work in progress though.
Some of them have a DX similar to Antd as well since I've used that in the past and quite enjoyed it.
jonny
01/10/2022, 8:59 PMOne of my biggest problems with UI libraries though is they tend to trap you in certain implementation of CSS/scss that is hard to build out from or take advantage of for your own components.
That has kind of become my main focus for SupabaseUI, it was essentially giving the interactive tools needed for Forms, Overlays, Dropdown Menus etc while retaining the use of tailwind so our developers can still just use tailwind whenever they like and it doesn't conflict with the UI library styles.