JavaScript Components

Open-source JavaScript projects categorized as Components

Top 23 JavaScript Component Projects

  • Next.js

    The React Framework

    Project mention: Backend C# + Frontend React? | reddit.com/r/react | 2023-03-24

    If you're already familiar with Express and Node, then I suggest looking into NextJS or Remix. The benefit of having a full-stack app is the integration that you get with the type safety with TypeScript support as well as other useful tools like Prisma for your DB which provides a seamless API for the rest of your app. You can also get server-side rendering and other SSR features from React 18 which are all the rage these days

  • Preact

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

    Project mention: React.dev | news.ycombinator.com | 2023-03-16

    Everytime I try to understand how something in react works I actually look into how it's implemented in preact. Hooks is around 500 LOC. https://github.com/preactjs/preact/blob/master/hooks/src/ind...

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Curious how this sgame is being developed? | reddit.com/r/FarmRPG | 2023-03-16

    The game is built on an old version of F7 - https://framework7.io/

  • 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: What is the story with BootstrapVue now? | reddit.com/r/vuejs | 2023-03-01

    You say that Afaik is the creator? I didn't see him listed as a major contributor on github: https://github.com/bootstrap-vue/bootstrap-vue/graphs/contributors . Do you happen to have his Github profile link?

  • semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: Best React UI frameworks to boost Productivity 🚀 🌟 | dev.to | 2023-01-30

    3. Semantic UI React

  • reactstrap

    Simple React Bootstrap 5 components

    Project mention: Use React and Spring Boot to Build a Simple CRUD App | dev.to | 2023-01-18

    After the app creation process completes, navigate into the app directory and install Bootstrap, cookie support for React, React Router, and Reactstrap.

  • rebass

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

    Project mention: Comparing React Component Libraries | dev.to | 2022-09-16

    If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  • JSS

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

    Project mention: Front-end Guide | dev.to | 2022-11-23

    JSS

  • Keen-UI

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

  • flowbite

    The most popular and open-source library of Tailwind CSS components

    Project mention: PyVibe: Generate styled HTML pages from Python | reddit.com/r/Python | 2023-03-21

    I've been using Tailwind CSS, in particular Flowbite, for a number of different Python projects that I was working on and through that process, I realized that I end up either repeating or copying functions that generate UI components.

  • react-kawaii

    Cute SVG React Components

    Project mention: How to find open source projects to contribute | dev.to | 2022-06-10

    If you’re a developer, most likely you have encountered libraries, frameworks, or programming languages that are open source. In case you use packages from NPM in your projects, you can find on the package page the link to the project's source code. Take the example of the react-kawai package which points to the miukimiu/react-kawaii GitHub repository. Same works for Python packages from PyPI. Take as an example fastapi package that points to tiangolo/fastapi GitHub repository.

  • Fela

    State-Driven Styling in JavaScript

    Project mention: Best practices for CSS and making things faster? | reddit.com/r/react | 2022-08-28

    [Fela](https://fela.js.org/) and [Griffel](https://github.com/microsoft/griffel) are also not bad choice.

  • vue-design-system

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

  • react-rainbow

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

  • redocx

    📄 Create word documents with React

  • oc

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

    Project mention: Monolith to Module Federation at RazorpayX | dev.to | 2023-02-18

    There are numerous micro-frontend frameworks like Single SPA, Open Components, Mosaic, and so on The configuration for these tools can get complex and difficult to manage as we add more apps since they require configuration at each layer — routing, dependency management, and development. This would complicate our tooling and hence, would not work for us.

  • diffhtml

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

  • react-uploady

    Modern file uploading - components & hooks for React

    Project mention: Any good file upload library? I cannot find one! | reddit.com/r/reactjs | 2022-06-01

    Have you tried react-uploady? https://github.com/rpldy/react-uploady

  • Catberry

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

  • shards-react

    ⚛️A beautiful and modern React design system.

    Project mention: Ca programator, ce ai vrea de la un designer? | reddit.com/r/programare | 2022-08-09

    Ca sa fiu mai specific, chestii de genul: https://designrevision.com/downloads/shards-react/

  • react-fontawesome

    A React Font Awesome component. (by danawoodman)

  • lookbook

    A tool to help browse, develop, test & document ViewComponents in Ruby on Rails apps 🛠

  • 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.

    Project mention: Building In App Chat with React | dev.to | 2022-12-23

    We are going to use a UI Kit called Chat UI Kit React for the chat UI. go ahead and run the following command in the terminal

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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 2023-03-24.

JavaScript Components related posts

Index

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

Project Stars
1 Next.js 102,852
2 Preact 34,129
3 framework7 17,133
4 bootstrap-vue 14,245
5 semantic-ui-react 13,020
6 reactstrap 10,475
7 rebass 7,880
8 JSS 6,916
9 Keen-UI 4,092
10 flowbite 4,085
11 react-kawaii 2,833
12 Fela 2,236
13 vue-design-system 2,123
14 react-rainbow 1,755
15 redocx 1,384
16 oc 1,321
17 diffhtml 837
18 react-uploady 813
19 Catberry 801
20 shards-react 746
21 react-fontawesome 670
22 lookbook 532
23 chat-ui-kit-react 511
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com