JavaScript Components

Open-source JavaScript projects categorized as Components | Edit details
Related topics: #React #JavaScript #UI #ReactJS #Vue

Top 23 JavaScript Component Projects

  • GitHub repo Next.js

    The React Framework

    Project mention: docker-compose for Next.js application | | 2022-01-23

    Hey! We have an example with Docker here:

  • GitHub repo Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: Let me critique your site's FE perf | | 2022-01-21

    Your JS bundle size is really inflated because of React, I suspect you could move to Preact and drastically reduce your overall JS package. I haven't done this with Next.js before, but it looks like there is some good reading out there on the subject.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Sciter, the 5 MB Electron alternative, has switched to JavaScript | | 2021-12-30 is really well done.

  • GitHub repo bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

    Project mention: We all can relate. | | 2022-01-12
  • GitHub repo semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: How To Create A Custom Edit Form In DevExtreme Datagrid Using Semantic UI React. | | 2021-12-01

    Semantic UI is a front-end development framework similar to bootstrap. It is designed for theming. It contains prebuilt semantic components that help create beautiful and responsive layouts using friendly HTML syntax. It integrates React, Angular Ember, etc. It uses gulp build tools to help your project preserve its theme changes. Gulp is a javascript tool that allows you to automate tasks like builds, minification, compilation, etc. You can read more about it here:

  • GitHub repo reactstrap

    Simple React Bootstrap 5 components

    Project mention: Using Bootstrap in NextJS (No packages needed!) | | 2022-01-08

    Usually, you'll need to install third-party packages like react-bootstrap or reactstrap for you to fully get the benefits of Bootstrap components.

  • GitHub repo rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: [Gatsby] - This was my first Gatsby project | | 2021-11-15

    There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo JSS

    JSS is an authoring tool for CSS which uses JavaScript as a host language.

    Project mention: Feel like that studying as a self-taught is taking me further than studying at university | | 2021-10-25

    I started writing a long response, but I want to add that a simple CRA + JSS + TS (named exports only) stack solves or abstracts away most of these issues.

  • GitHub repo React95

    🌈🕹 Refreshed Windows 95 style UI components for your React app

    Project mention: WinBox - a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source | | 2021-10-17

    We've had React95 for a while.

  • GitHub repo Keen-UI

    A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

    Project mention: An Overview of the Top 10 Vue UI Component Libraries in 2021 | | 2021-03-17

    it's open-sourced and has about 4k stars on Github.

  • GitHub repo ring-ui

    A collection of JetBrains Web UI components

    Project mention: 유명한 리액트 컴포넌트 라이브러리 모음 | | 2021-08-06

    View on GitHub

  • GitHub repo Fela

    State-Driven Styling in JavaScript

  • GitHub repo vue-design-system

    An open source tool for building UI Design Systems with Vue.js

    Project mention: New and Noteworthy Vue.js Open Source Projects. Part 2 | | 2021-03-01
  • GitHub repo react-rainbow

    🌈 React Rainbow Components. Build your web application in a snap.

    Project mention: 유명한 리액트 컴포넌트 라이브러리 모음 | | 2021-08-06

    View on GitHub

  • GitHub repo redocx

    📄 Create word documents with React

    Project mention: Impressive React-Based Open Source Frameworks and Tools | | 2021-08-04


  • GitHub repo oc

    OpenComponents, serverless in the front-end world for painless micro-frontends delivery

    Project mention: Choosing a Micro Frontend Framework | | 2021-04-04

    Open Components - Although this one technically supports client-side composition, the registry piece requires more backend services. It also allows server-side rendering, and seems to be well-supported over time. Their documentation setup seemed similar to single-spa in simple complexity and succinct, easy-to-understand documentation.

  • GitHub repo diffhtml

    diffHTML is a web framework that helps you build applications and other interactive content

    Project mention: Solidjs – JavaScript UI Library | | 2021-11-29

    I suggested one such idea (a diffing version of innerHTML) years ago to Mozilla. Ironically, the React team was against it and it fizzled out. In more ironic twists of events, someone eventually wrote a JS implementation of it: and nowadays people are talking about HTML-based rendering engines again, making this idea somewhat relevant once more.

    To be fair to standards bodies, they have done some work. Element.append now exists to make hyperscripts a bit more straightforward, and a lot of reactivity semantics can be implemented on top of Proxy.

  • GitHub repo Catberry

    Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.

  • GitHub repo vue-instantsearch

    👀 Algolia components for building search UIs with Vue.js

    Project mention: How to add Algolia Search to Nuxt 3 | | 2022-01-06

    You have managed to integrate Algolia with Nuxt 3 application. Well done! In this introduction article I wanted to focus on how easy it is to integrate these tools together thanks to the module but bare in mind that for the real application you would need a Vue component that would handle the search (for example that I will be integrating in the upcoming weeks) or your custom component but this should be a solid start for working with Algolia :)

  • GitHub repo shards-react

    ⚛️A beautiful and modern React design system.

    Project mention: ⚛️ 25+ Top React UI Component Library. | | 2021-08-03

    16. Shards React

  • GitHub repo design-system Design System

    Project mention: 5 Underrated React Design Systems for 2021 | | 2021-02-18


  • GitHub repo react-uploady

    Modern file uploading - components & hooks for React

    Project mention: Uppy VS react-uploady - a user suggested alternative | | 2022-01-18

    React-Uploady - Modern file-upload components & hooks for React.

  • GitHub repo uiengine

    Workbench for UI-driven development

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-23.

JavaScript Components related posts


What are some of the best open-source Component projects in JavaScript? This list will help you:

Project Stars
1 Next.js 79,914
2 Preact 30,758
3 framework7 16,592
4 bootstrap-vue 13,647
5 semantic-ui-react 12,604
6 reactstrap 10,221
7 rebass 7,586
8 JSS 6,598
9 React95 4,922
10 Keen-UI 4,046
11 ring-ui 2,906
12 Fela 2,129
13 vue-design-system 2,073
14 react-rainbow 1,670
15 redocx 1,364
16 oc 1,211
17 diffhtml 806
18 Catberry 797
19 vue-instantsearch 796
20 shards-react 709
21 design-system 643
22 react-uploady 483
23 uiengine 356
Find remote jobs at our new job board There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.