Looking for a Standalone Component Library for Vanilla CSS/JS Projects
Asked by
CuriousCoder99
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?
Answers
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.
Reply to this answer
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.
Reply to this answer
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.
CuriousCoder99: Thanks for the tip! I saw a post that mentioned this too, so it must be worth considering!
Reply to this answer
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!
Reply to this answer
Add your answer
Answers are reviewed before publication.
CuriousCoder99: Awesome, I'll look into that! I stumbled on a similar resource, seems promising.