UI Lib Picker for Vue 3 / Nuxt 3
Choosing the right UI library is hard! There are many things to consider. This project is a simple tool to have an overview of different UI frameworks, and help you pick the right one.
How does it work?
- Hover features to know about them, and click them to filter libraries which implement it
- For any library, you can see the detail of available components.
Contributions
How to Contribute
Contributions are very welcome especially because UI libraries change a lot over time. In particular, here are particularly useful contributions:
- Editing existing content (new components for an existing UI)
- Suggesting a new filter
- Improving the tool itself
There is no database. To suggest a data update, simply change data into data/
folder and make a PR.
How to setup the project on your own machine
The project itself is a Nuxt 3 project using Nuxt UI and Tailwind CSS.
This repository is based on a Dev Container. If you're using VS Code, you can run this project easily on your own machine using the Clone Repository
command on your IDE.
Once installed, run npm run dev
to start the project.
FAQ
Why Library X is not listed?
- It does not support the latest Vue or Nuxt version.
- It seems unmaintained (e.g., iView)
- It looks like more an "in progress" that final work (e.g., Radix-vue)
- It aims to mirror Android / iOS UIs (e.g., Ionic Framework, Framework7).
However, I may have forgotten some relevant libraries, so feel free to open a PR. Note that the purpose of this tool is not to have a comprehensive list, but rather keep a curated list of "serious" projects.
Why Component X is not listed?
- It's too basic to be relevant (e.g., a Loading Spinner)
- It's a Group component (e.g., a Button Group)
- It's mobile only (e.g., Pull To Refresh)
- It's listed with a different name (libraries don't always use the exact same names for same components)
- It's a "block" (a composition of different UI components like a Hero or a Nav bar) rather than a component
- It's a pure utility which could or should live in a collection of utilities like VueUse.
- It's a broad familiy of dedicated components that make sense to have apart (e.g. Charts).
About me
I'm David, 35, living in Paris, and available for hiring. Visit my website to know more about me, or contact me.
Want to support?
If you want to show your support, you can buy me a coffee, it will be very appreciated.
Disclaimer
While every effort has been made to ensure the accuracy of the information provided, the author assumes no responsibility for any errors or omissions.