I'm on the hunt for a component library similar to Bootstrap, but I want something that works with plain vanilla CSS and JavaScript. I currently use Bootstrap for my projects, but I'm looking for alternatives that don't rely on any frontend frameworks. Is there a library out there that fits this description? I came across a post that mentioned a vanilla JS and CSS solution, and it seemed interesting—should I give it a try?
4 Answers
There are quite a few design systems and component libraries built on vanilla technologies. I found a list of them on GitHub that includes libraries made with Lit, which is used for creating web components. Some of them are really polished and ready for use!
Check out Vanilla UI! It's open source and offers accessible and customizable UI building blocks that are framework-agnostic. Great for standalone projects! You can find it at vanilla-ui.com/docs/introduction.
Shoelace is another great option! It has a wide range of components and works seamlessly with plain JS and CSS, plus it’s good with frameworks too. You should definitely check it out at shoelace.style.
Awesome, I'll look into that! I stumbled on a similar resource, seems promising.
I actually built a library called Versoly UI. It's missing a few Bootstrap features, but it works really well for landing and marketing pages. You might also want to check out Basecoat UI, it’s a JS version inspired by ShadCN.
Thanks for the tip! I saw a post that mentioned this too, so it must be worth considering!