Guide · Open source
How to use awesome-vue: find Vue.js libraries, tools and learning resources
Updated · written with AI from the project's own documentation and checked against our catalogue data
awesome-vue is a community-maintained list of links about Vue.js, a JavaScript framework for building web interfaces. It collects official docs, component libraries, developer tools, tutorials, job boards, newsletters and community channels in one README. This guide shows you how to get a local copy, move through the sections and use the list to find what you need without searching from scratch.
awesome-vuevuejs/awesome-vue · ★ 73.5k · MIT Install options & downloads Quick start
- 1Clone the repository. Run the git clone command to download the README and assets to your machine.
- 2Open the README. Open README.md in your editor or view it on GitHub in a browser.
- 3Read the table of contents. Use the linked table of contents to jump to the category you need.
- 4Pick a category. Choose a section such as UI Components, UI Utilities or Dev Tools that matches your problem.
- 5Check each linked project. Open the project page and confirm its docs, maintenance and fit with your Vue version.
- 6Shortlist and test. Trial two or three options in a small prototype before you choose one.
What awesome-vue is and what it is not
awesome-vue is a list of links, not a piece of software. There is nothing to install and run. You read it in a browser on GitHub or in a local clone of the repository.
The README gives short one-line descriptions for each entry. It does not review the linked projects, so you will need to check each one yourself before relying on it.
- Use it as a starting point when you want to find something in the Vue ecosystem.
- Do not use it expecting up-to-date reviews of each linked project.
- Expect nearly all entries to assume you already know Vue.js.
Get a local copy of the list
The README lists one install step: cloning the repository. Cloning gives you the full README and its assets on your own machine, so you can open it offline or search it with your editor.
The source does not list any prerequisites. If you prefer, you can skip the clone and read the README directly on GitHub.
git clone https://github.com/vuejs/awesome-vueNavigate the table of contents
The README opens with a table of contents that links to every section. The top-level groups are Resources, Companies Using Vue.js, Projects Using Vue.js, Components & Libraries, Integrations, Dev Tools, Scaffold and Prerendering.
Resources holds official links, a short list of highly rated projects, external learning material, newsletters, job portals and community channels. Components & Libraries is the largest part and is split into Frameworks, UI Layout, UI Components, UI Utilities and Utilities.
- Official Resources: documentation, API reference, style guide, release notes and the IDE language support page.
- Truly awesome projects: Vue DevTools, unplugin-icons and vue-i18n, which the list describes as exceptionally high quality.
- Newsletters: for example Weekly Vue news.
- Job Portal: job boards and interview question lists.
- Dev Tools: includes Inspect, Docs, Test and source code editing for Vim, Visual Studio Code, Intellij and Emacs.
Find a library for a specific need
Use the section headings to match your problem to a category. If you need a table, a date picker, a carousel or a form validator, search the list for the matching heading, such as UI Components or UI Utilities.
Some categories are split further. For example, Form under UI Components contains subsections for date pickers, selects, color pickers, masked inputs and file uploads. Form validation appears under UI Utilities.
Many entries are one-liners. Open the linked project to check whether it is maintained and whether it fits your Vue version.
- Search the page with your browser's find tool for a keyword like "routing", "i18n" or "validation".
- Compare two or three options in the same category before you choose.
- Check each project's own documentation for license and compatibility details.
Find learning material and dev tools
If you are learning Vue, the External Resources and Courses sections list tutorials, video courses and articles. The README includes entries such as Vue School, Vue Mastery, VueDose and a Vue 3 video playlist, each with a one-line description.
For tooling, the Truly awesome projects list includes Vue DevTools, described as a browser devtools extension for debugging Vue.js applications. The Inspect and Docs subsections under Dev Tools cover related tools.
- Check the date and version each tutorial targets, since the README does not say.
- Pair a tutorial with the official documentation at vuejs.org.
Compare options for a Vue project
Teams can use the list to shortlist options for routing, state management, forms or UI components. The Utilities section includes State Management with entries for Pinia and Mobx, and UI Utilities includes Routing.
Because the list does not compare projects, build your own short test. Install a candidate in a small prototype and check its docs, activity and fit before you commit.
- Write down your requirements first, such as TypeScript support or server-side rendering.
- Read the linked project's documentation for each candidate.
- Keep a shortlist of two or three projects per category.
What people use it for
- A developer looking for a Vue date picker or table component.
- A beginner building a list of Vue courses, tutorials and newsletters.
- A developer searching for the Vue DevTools browser extension.
- A team comparing routing, state management or form libraries for a new Vue app.
Frequently asked questions
How do I install awesome-vue?
There is nothing to install. The README lists one step, which is cloning the repository with git clone https://github.com/vuejs/awesome-vue. You can also read it directly on GitHub.
Is awesome-vue free and what is its license?
awesome-vue is listed under the MIT license. The MIT license permits use, copying and modification, so check the repository's license file for the full terms.
Is awesome-vue a tool or a library?
It is neither. awesome-vue is a curated list of links about Vue.js. It groups resources such as libraries, tools, tutorials and job boards, but it does not contain software you run.
Do I need to know Vue.js before using awesome-vue?
Yes, most entries assume familiarity with Vue.js. Beginners can still use the learning sections, but the library entries are written for developers who already know the framework.
What are good alternatives to awesome-vue?
Similar curated lists exist for other ecosystems, including awesome-vite, awesome-react and the general awesome list. Choose the one that matches the framework or tool you use.
Does awesome-vue review the projects it links to?
No. The README gives only short one-line descriptions. For a real assessment, open each project and check its documentation and activity yourself.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
awesome-vue is a good starting point for Vue developers who want to discover libraries, dev tools and learning material without searching from scratch. It is not a tool to install, and it is not a source of reviews, so beginners should expect to do some follow-up research. If you need software that runs, or reviews of each project, look elsewhere.
Install options & downloads