Awesome-JavaScript-Libraries

Awesome-JavaScript-Libraries is a curated GitHub repository that indexes 200+ JavaScript libraries for adding UI components to web applications, maintained under the ThemeSelection GitHub organization.

What is Awesome-JavaScript-Libraries?

Awesome-JavaScript-Libraries is a free, open-source list hosted on GitHub that organizes JavaScript UI libraries into component-based categories. For each library, the list provides the project name, a one-line description, and the framework it works with (such as React, Vue.js, Angular, or vanilla JavaScript). Its output is a set of markdown tables that developers can use to discover, compare, and pick libraries for their next project without manually searching the web.

Key Features

• Category-based organization — The list groups libraries into more than 20 UI component categories, including Accordion, Badges/Chips, Notification, Buttons, Carousels, Dropdown, Modals, Navbar, Charts and Graphs, Pagination, Progress, Rating, Breadcrumbs, Timeline, Drag and Drop, Form Validation, Date Pickers, 3D and Games, Calendar, Search, and Editors.
• Framework tagging — Every entry specifies its framework in a dedicated column, so readers can quickly identify libraries compatible with React, Vue.js, Angular, jQuery, TypeScript, or plain JavaScript.
• Concrete descriptions — Each row includes a practical description, such as noting that SweetAlert2 is a responsive, WAI-ARIA-compliant replacement for JavaScript popups with zero dependencies.
• Hyperlinked sources — Library names link to the official repository, docs, or product page, so users can go from the list to the library in one click.
• Top-of-page navigation — A linked Table of Contents at the top allows direct jumps to any component category, and a Top button in each section returns users to the index.
• Notable projects included — The list covers widely adopted libraries like Swiper, Chart.js, D3.js, Three.js, FullCalendar, Quill, and CodeMirror throughout its sections.

Who is it for?

• Front-end developers — They can locate a library for a specific UI need, such as react-hot-toast for lightweight notifications or noUiSlider for accessible range sliders, and read the description before clicking through.
• Developers working in a particular framework — The framework column lets React developers narrow to components like react-responsive-carousel, Vue developers find vue3-carousel, and Angular developers spot ngx-pagination.
• Tech leads and architects — The side-by-side tables make it easy to compare multiple candidates (e.g., 18 charting libraries, 16 carousel libraries) and choose a dependency based on the maintained feature set.
• UI designers and prototypers — The list surfaces visual component libraries such as Animating-Buttons, star-rating.js, and Fullpage.js that can be used as references for interactions and motion design.

What can you do with it?

• Select a carousel library: Browse the Carousels section to compare Swiper, Slick, Glide.js, Splide, Tiny Slider, and 12 other options, then choose based on framework support and file-size constraints.
• Find a date picker for your stack: Use the Date Pickers table to choose between Flatpickr, pickadate.js, react-datepicker, v-calendar, and vuejs-datepicker depending on whether your project is vanilla JavaScript, React, or Vue.
• Check validation libraries: The Form Validation section lists 13 libraries including React Hook Form, Pristine, and Just-validate, each annotated with its dependency footprint and framework.
• Explore 3D and game engines: In the 3D and Games category, you can compare Three.js, Babylon.js, PixiJS, Matter.js, and other engines to gauge which one fits your rendering and physics needs.

How does it work?

Open the GitHub page and use the Table of Contents to jump to a UI component category. Each category is a markdown table with columns for the library name (hyperlinked), a short description, and the framework. From there, you can click any library name to visit its repository or documentation site.

FAQ

Is Awesome-JavaScript-Libraries free?

Yes, the repository is publicly accessible on GitHub under the ThemeSelection organization. The list itself can be freely read, copied, and shared, though individual libraries may have their own licenses and some, like Highcharts, require a commercial license for production use.

What frameworks does the list cover?

The list includes libraries for vanilla JavaScript, React, Vue.js, Angular, jQuery, TypeScript, and even Laravel (for Laravel-breadcrumbs). Most entries state their framework in a dedicated column, so you can filter by stack as you scan the tables.

How many libraries are listed?

The repository description says it curates more than 200 libraries. The tables span more than 20 categories, with the 3D and Games section containing 24 entries, the Charts and Graphs section 18 entries, and the Carousels section 16 entries.

Can I contribute to the list?

The repository is hosted on GitHub, so you can fork it, add or update entries, and open a pull request through the standard GitHub contribution flow. The README also includes a request to star the repository to help keep the list growing.