I'm working on two web applications for a client: one is built with React and the other combines Vue and Angular. Honestly, both of them have significant UI issues that need to be addressed. I'm looking for a design system or a UI library that works across all three frameworks—React, Angular, and Vue—so I can improve the overall look and feel without the hassle of rewriting everything from scratch.
So far, I've tried Papanasi which supports all three frameworks, but it lacks robust UI components to work with. Now I'm considering if I should just create a simple design system using web components and CSS to clean things up. Any suggestions?
5 Answers
Honestly, using vanilla JS web components might be your best bet since they're compatible with any framework. You can check out the MDN documentation for more info on them! They provide flexibility without being tied to a specific framework.
I suggest considering Tailwind CSS for your projects. It’s incredibly versatile and even works with plain HTML and CSS. It’s been a game changer for me in projects where I don't want tight framework integration.
Have you checked out Shoelace? It's a library of web components that will work across all the frameworks you're using. Plus, I've heard the new version, which is being rebranded to Web Awesome, is looking really promising! Might just be the solution you need.
You might want to look into Ionic, which works well with both React and Angular. It uses Capacitor and is ideal for building mobile-friendly apps. But bear in mind that its core is built with Stencil, making it usable across different frameworks.
I'm actually working on my own UI library called SnappyUI that aims to solve this exact problem. It's going into early access soon, so you might want to keep an eye on that!
Related Questions
Set Wordpress Featured Image Using Javascript
How To Fix PHP Random Being The Same
Why no WebP Support with Wordpress
Replace Wordpress Cron With Linux Cron
Customize Yoast Canonical URL Programmatically
[Centos] Delete All Files And Folders That Contain a String