SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Component Projects
-
Project mention: Scarab Diagnostic Suite Field Test #012: Next.js Source Map Provenance Boundary | dev.to | 2026-06-06
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
react-bits
An open source collection of animated, interactive & fully customizable React components for building memorable websites.
Project mention: How I Fixed a CSS Animation Bug in an Open Source React Library | dev.to | 2026-05-26If you want to check out the PR: https://github.com/DavidHDev/react-bits/pull/851
-
Project mention: How to Convert Supplier CSVs to Shopify/Amazon/WooCommerce Without Uploading to a Server | dev.to | 2026-06-01
eBay: 30+ fields (item specifics, variations, shipping) Each schema is a JSON file defining field names, data types, and validation rules. The mapper walks source → target assignments and applies type coercion (string → number, date formatting, etc.) before export. The entire app stays under 200 KB gzipped by avoiding heavy UI libraries. It's built with Preact + htm (no JSX build step) and styled with Tailwind CSS v4. Export & Practical Considerations Export uses the standard Blob + download API. No server round-trip — just an ephemeral click with URL.createObjectURL(). The free tier handles 50 rows, enough to validate the mapping before committing. Column mapping profiles can be saved and reused, which is useful when the same supplier sends weekly inventory files with identical headers. Try It If you deal with supplier files regularly, you might find this useful. SKUMart handles all of this out of the box — just drop a file and export.
-
tabler-icons
A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
I've used Tabler for everything so far (free, 4500 icons)
https://tabler.io/icons
-
Framework7 is a hybrid mobile app framework focused on creating iOS and Android apps with a native look and feel. It is especially suitable for Progressive Web Apps (PWAs) and smaller projects. Framework7 comes with a comprehensive set of UI components that match each platform’s design guidelines, allowing developers to quickly build visually appealing applications with minimal configuration.
-
-
-
-
Project mention: Build apps for ChatGPT, Claude, and Gemini using MCP UI components from Flowbite | dev.to | 2026-02-06
We decided to use the Skybridge framework to build MCP apps and we are using the UI components from Flowbite.
-
-
metroui
A progressive front-end framework for creating high-performance responsive reactive web applications!
Project mention: Metro UI Library: A Comprehensive Guide for Beginner Programmers | dev.to | 2025-06-12// Examples of guardian usage G.isEmail("user@example.com"); // Check if string is valid email G.isUrl("https://metroui.org.ua"); // Check if string is valid URL G.isNumber("123"); // Check if string is a number
-
-
-
-
-
-
-
chat-ui-kit-react
Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
-
-
-
-
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
Project mention: Show HN: I made a better DOM morphing algorithm | news.ycombinator.com | 2025-11-15
JavaScript Components discussion
JavaScript Components related posts
-
How I Fixed a CSS Animation Bug in an Open Source React Library
-
Why I Built This Open Source Shadcn Tool After 15 Years of Building Templates
-
Shadcn Libraries Every Developer Should Know
-
A Time Tracking App Wanted $28,800 So I Replaced It with a Homelab
-
Xtend UI: Tailwind CSS Components with Vanilla JavaScript
-
React vs. Backbone in 2025
-
The React Foundation: The New Home for React and React Native
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 Jun 2026
Index
What are some of the best open-source Component projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Next.js | 139,866 |
| 2 | react-bits | 40,481 |
| 3 | Preact | 38,676 |
| 4 | tabler-icons | 20,838 |
| 5 | framework7 | 18,668 |
| 6 | bootstrap-vue | 14,451 |
| 7 | semantic-ui-react | 13,223 |
| 8 | reactstrap | 10,536 |
| 9 | flowbite | 9,263 |
| 10 | rebass | 7,907 |
| 11 | metroui | 7,078 |
| 12 | JSS | 7,069 |
| 13 | Keen-UI | 4,065 |
| 14 | basecoat | 3,968 |
| 15 | Fela | 2,288 |
| 16 | vue-design-system | 2,195 |
| 17 | react-rainbow | 1,792 |
| 18 | chat-ui-kit-react | 1,743 |
| 19 | oc | 1,473 |
| 20 | redocx | 1,434 |
| 21 | react-uploady | 1,232 |
| 22 | lookbook | 1,079 |
| 23 | diffhtml | 873 |