JavaScript Component

Open-source JavaScript projects categorized as Component

Top 23 JavaScript Component Projects

  • Dragula

    :ok_hand: Drag and drop so simple it hurts

    Project mention: Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese | | 2022-12-16

    Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.

  • Vue.Draggable

    Vue drag-and-drop component based on Sortable.js

    Project mention: How to use Nodemailer with Cypress 10? | | 2022-12-07
  • 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!

  • why-did-you-render

    why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)

    Project mention: After a year developing with react, I think I've been doing all wrong | | 2023-05-24
  • vue-multiselect

    Universal select/multiselect/tagging component for Vue.js

  • google-map-react

    Google map library for react that allows rendering components as markers :tada:

    Project mention: How to run Google Maps API in React 18 ? | | 2022-08-20

    Hi guys, I've been trying to get a new React project running with the Google Maps API ( for several hours now. Can someone help me? ! Image description

  • miniprogram-demo

    微信小程序组件 / API / 云开发示例

  • react-datasheet

    Excel-like data grid (table) component for React

    Project mention: Necesito consejos para desarrollar un programa similar a Excel | | 2023-04-28

    Recomendacion 2: Usa una lib. podria ser


    ONLYOFFICE Docs — document collaboration in your environment. Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises

  • react-burger-menu

    :hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

  • react-sortable-tree

    Drag-and-drop sortable component for nested data and hierarchies

  • react-swipeable-views

    A React component for swipeable views. :snowflake:

  • react-infinite-calendar

    ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.

  • vue-easytable

    A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.

  • vue-content-loader

    SVG component to create placeholder loading, like Facebook cards loading.

  • rome

    :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!

  • vue-draggable-resizable

    Vue2 Component for draggable and resizable elements.

    Project mention: how to build a dashboard with configurable widgets? | | 2022-10-20

    I use vue-draggable-resizable to handle the grid. In your "edit" mode, you can listen for drag events and update some database somewhere.

  • xmpp.js

    XMPP for JavaScript

    Project mention: Chat app based on XMPP | | 2022-07-11

    This may be of some help.

  • react-native-modals

    A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.

  • vue-drag-resize

    Vue2 && Vue3 Component for resize and drag elements

  • zoid

    Cross domain components

  • react-frame-component

    Render your React app to an iFrame

  • autoresponsive-react

    ⚛️ Auto Responsive Layout Library For React

  • react-native-credit-card-input

    Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!

  • canvas-datagrid

    Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.

    Project mention: I wrote an HTML canvas based data grid, here's what I wish I knew when I started. | | 2022-09-06

    I've used a few times. Def very good strat for tabular large datasets.

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

JavaScript Component related posts


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

Project Stars
1 Dragula 21,531
2 Vue.Draggable 18,846
3 why-did-you-render 9,991
4 vue-multiselect 6,409
5 google-map-react 6,038
6 miniprogram-demo 6,003
7 react-datasheet 5,236
8 react-burger-menu 4,903
9 react-sortable-tree 4,749
10 react-swipeable-views 4,344
11 react-infinite-calendar 3,920
12 vue-easytable 3,323
13 vue-content-loader 2,984
14 rome 2,919
15 vue-draggable-resizable 2,849
16 xmpp.js 2,122
17 react-native-modals 2,118
18 vue-drag-resize 1,934
19 zoid 1,887
20 react-frame-component 1,579
21 autoresponsive-react 1,536
22 react-native-credit-card-input 1,401
23 canvas-datagrid 1,245
TestGPT | Generating meaningful tests for busy devs
Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.