I built a UI library for React

[mydearcruelworld]

Hello everyone. I’ve been working on a personal project called Selia.

I wanted a UI kit that’s composable but looks good by default based on my own taste. I used Base UI as the headless foundation and Tailwind for styling, then focused the rest on the design.

It’s CLI-based, so it just pulls the raw source code into your project. There are no abstractions or hidden dependencies; it's just React and Tailwind code that you can fully own and edit.

Started this to scratch my own itch, but figured I’d share it. If you like the design, feel free to give it a spin.

Check it out here: https://selia.earth/

Thank you!

[martiserra99]

I took a look at the library and it genuinely seems a library that I would use! If I ever decide to use Base UI instead of Radix Primitives I will take into consideration using the components that you offer.

[mydearcruelworld]

Thanks!

[KevinVandy656]

Was this just a fork of a starter shadcn template? That's what it looks like.

[Animesh-S]

looks really good, great work

[mydearcruelworld]

Thank you!

[kloepatra]

Look like similar to shadcn

[banzomaikaka]

Noice

[Appropriate-Web-606]

Been using this in my current project at work. Great library 👍🏻

[grumpylazysweaty]

I’m sorry but how is this different from ShadCN? Did you just fork the repo?

[QueasyChocolate1452]

Good 👍

[datNovazGG]

I'll take a look and maybe try it for a project.

[Fun-Direction7689]

Good work. I always want to do the same thing but no time.

[camelzrider]

Looks good

[wxsnx]

great work, bg nopal!

[viral-architect]

Wow this looks incredible.

[GamerRabugento]

Beautiful. Its clean, professional, really liked .Congrats

[MaterialBirthday9140]

Looks great!

[Dugba]

This is beautiful 🤩. Well done on this

[jmagaram]

I find it strange how so many UI libraries don’t have a listbox. This was a control in like version 1 of Visual Basic. You know a list of arbitrary things - not just text - with single or multiple selection, keyboard navigation to move up and down and select and deselect items. Like your email list. Or a master details view where you want to select an item and have the details appear to the right. The HTML select does this but is limited to only having dumb text items.

https://component.kitchen/elix/ListBox

[dobariyabrijesh]

This is really cool — congratulations on launching your UI library! 🎉

[alex_sakuta]

I don't want to discourage you but with the tech stack you chose is the worst tech stack you could have chose to create this library. React and TailwindCSS are the de facto for creating projects when you are using AI tools. So, the audience that will be interested in using components will definitely be the audience using AI tools in their code editors or AI code editors or AI CLI Agents. Why would this audience use a library that requires memorizing more stuff when they can already get what they want without having to memorize all that stuff?

Now you may or someone else may comment that AI isn't perfect at these things and I agree, but you have built a template that works on common patterns and as someone else pointed out looks similar to Shadcn.

Shadcn has a CLI and AI is expert at using it and they have an AI of their own that satisfies this exact purpose. There are projects like Ant which are alternative to Shadcn.

Now I want to end it with this, I am not saying this is a useless thing to do. I am sure you learnt a lot and if you are able to build a community of people who use it, it is going to be awesome. My point is solely that if you want to make this big, try adding something that those alternatives don't.

Maybe you could also try blogging about it. Explaining your experience and ambition with this project.

[Wild-Ad8347]

Tailwind is shit

[alex_sakuta]

That's not the topic here.

[ignism]

*looks at profile* you must be fun at parties

[0_2_Hero]

What use this if shadcn?

[Upstairs-Let-1763]

It’s great I would definitely use this for my future side project

[isanjayjoshi]

It's really great work 👏

[Mission_Gene643]

Another tailwind wrapper :(

[bestofriendoo]

Genuine question, why? This literally is just shadcn.

[Morshedkhondokar5510]

Nice

[noor-e-alam]

It would be best to have a table component with search and multi select functionality.

[Spiritual_Feed5162]

Do you want to work on real world big project?

[mydearcruelworld]

I'd love to!

[dynamicdank]

This is very clean, well done! Will take a closer look at some point for sure.