JavaScript Component

Open-source JavaScript projects categorized as Component

Top 23 JavaScript Component Projects

  1. Dragula

    :ok_hand: Drag and drop so simple it hurts

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. Vue.Draggable

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

  4. 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: The React Performance Rabbit Hole I Fell Into (And How I Climbed Out) | dev.to | 2025-03-03

    Track rerenders of specific components with Why did you render?

  5. miniprogram-demo

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

  6. vue-multiselect

    Universal select/multiselect/tagging component for Vue.js

  7. google-map-react

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

  8. react-datasheet

    Excel-like data grid (table) component for React

  9. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  10. react-burger-menu

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

    Project mention: Slide into Style: 10 Must-Have React Sidebar NPM Packages | dev.to | 2024-10-22

    NPM: react-burger-menu

  11. react-sortable-tree

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

  12. react-swipeable-views

    A React component for swipeable views. :snowflake:

  13. react-infinite-calendar

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

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

    Project mention: vue-easytable VS revo-grid - a user suggested alternative | libhunt.com/r/vue-easytable | 2024-08-21
  15. vue-content-loader

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

  16. rome

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

  17. vue-drag-resize

    Vue2 && Vue3 Component for resize and drag elements

  18. xmpp.js

    XMPP for JavaScript

  19. react-native-modals

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

  20. zoid

    Cross domain components

    Project mention: Parallel DOM: Upgrade your DOM to be multithreaded | news.ycombinator.com | 2024-07-09

    See also: https://github.com/krakenjs/zoid which allows you to present a simple interface to sites that want to embed your application and send parameters/register callbacks. All the caveats of frames still apply, of course, and scrolling glitchiness alone is a reason to avoid frames altogether... but if you absolutely need to present your application as a frame, it's a developer-friendly way to do so.

    Pdom seems to be a way to do that to yourself, if you can't trust that your content won't cause performance degradations and you absolutely want the context outside that content to stay responsive. I'd only use it, and really any frame, for components where the size is known ahead of time, though; asking a frame to resize itself to fit its contents, when its contents may themselves be resizing to the size of the frame, is a recipe for disaster. Which brings me around to why I try to avoid frames for anything user-facing when at all possible.

  21. react-frame-component

    Render your React app to an iFrame

  22. autoresponsive-react

    ⚛️ Auto Responsive Layout Library For React

  23. react-native-flash-message

    React Native flashbar and top notification alert utility

  24. 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: canvas-datagrid VS revo-grid - a user suggested alternative | libhunt.com/r/canvas-datagrid | 2024-08-21
  25. Add to Calendar Button

    Reliably create beautiful Add to Calendar Buttons, where people can add events to their calendars. Without the hustle and unsupported cases.

  26. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
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).

JavaScript Component discussion

Log in or Post with

JavaScript Component related posts

  • The React Performance Rabbit Hole I Fell Into (And How I Climbed Out)

    1 project | dev.to | 3 Mar 2025
  • Slide into Style: 10 Must-Have React Sidebar NPM Packages

    2 projects | dev.to | 22 Oct 2024
  • React Component Libraries: Overview of 19 Top Libs

    3 projects | dev.to | 30 Sep 2024
  • How to track React re-renders - why-did-you-render issues

    2 projects | dev.to | 18 Sep 2024
  • Ask HN: Freelancer? Seeking freelancer? (August 2024)

    5 projects | news.ycombinator.com | 1 Aug 2024
  • Top 5 Essential React Libraries for Boosting Your Web Development Efficiency🚀

    3 projects | dev.to | 1 Jul 2024
  • Whats your go-to off canvas menu library?

    1 project | /r/reactjs | 5 Dec 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 15 May 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

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

# Project Stars
1 Dragula 22,185
2 Vue.Draggable 20,312
3 why-did-you-render 11,887
4 miniprogram-demo 6,895
5 vue-multiselect 6,766
6 google-map-react 6,433
7 react-datasheet 5,419
8 react-burger-menu 5,096
9 react-sortable-tree 4,950
10 react-swipeable-views 4,472
11 react-infinite-calendar 4,015
12 vue-easytable 3,761
13 vue-content-loader 3,048
14 rome 2,914
15 vue-drag-resize 2,310
16 xmpp.js 2,231
17 react-native-modals 2,203
18 zoid 2,078
19 react-frame-component 1,788
20 autoresponsive-react 1,577
21 react-native-flash-message 1,492
22 canvas-datagrid 1,477
23 Add to Calendar Button 1,399

Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?