Top 23 JavaScript Component Projects

• Dragula

  2 21,531 0.0 JavaScript

  :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 | reddit.com/r/LearnJapanese | 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

  2 18,846 3.4 JavaScript

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

  

  Project mention: How to use Nodemailer with Cypress 10? | reddit.com/r/Cypress | 2022-12-07

• Appwrite

  appwrite.io

  sponsored

  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

  20 9,991 3.1 JavaScript

  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 | reddit.com/r/reactjs | 2023-05-24

• vue-multiselect

  0 6,409 9.1 JavaScript

  Universal select/multiselect/tagging component for Vue.js

• google-map-react

  1 6,038 7.2 JavaScript

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

  

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

  Hi guys, I've been trying to get a new React project running with the Google Maps API (https://www.npmjs.com/package/google-map-react) for several hours now. Can someone help me? ! Image description

• miniprogram-demo

  0 6,003 4.6 JavaScript

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

  

• react-datasheet

  2 5,236 0.0 JavaScript

  Excel-like data grid (table) component for React

  Project mention: Necesito consejos para desarrollar un programa similar a Excel | reddit.com/r/devsarg | 2023-04-28

  Recomendacion 2: Usa una lib. https://github.com/nadbm/react-datasheet podria ser

• ONLYOFFICE

  www.onlyoffice.com

  sponsored

  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

  0 4,903 6.1 JavaScript

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

• react-sortable-tree

  0 4,749 0.0 JavaScript

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

  

• react-swipeable-views

  0 4,344 0.0 JavaScript

  A React component for swipeable views. :snowflake:

• react-infinite-calendar

  0 3,920 0.0 JavaScript

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

• vue-easytable

  0 3,323 9.6 JavaScript

  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

  0 2,984 7.3 JavaScript

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

• rome

  0 2,919 0.0 JavaScript

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

• vue-draggable-resizable

  1 2,849 0.0 JavaScript

  Vue2 Component for draggable and resizable elements.

  Project mention: how to build a dashboard with configurable widgets? | reddit.com/r/vuejs | 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

  1 2,122 7.1 JavaScript

  XMPP for JavaScript

  

  Project mention: Chat app based on XMPP | reddit.com/r/reactnative | 2022-07-11

  This may be of some help.

• react-native-modals

  0 2,118 0.0 JavaScript

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

• vue-drag-resize

  0 1,934 0.0 JavaScript

  Vue2 && Vue3 Component for resize and drag elements

• zoid

  0 1,887 3.1 JavaScript

  Cross domain components

  

• react-frame-component

  0 1,579 2.1 JavaScript

  Render your React app to an iFrame

• autoresponsive-react

  0 1,536 0.0 JavaScript

  ⚛️ Auto Responsive Layout Library For React

• react-native-credit-card-input

  0 1,401 0.0 JavaScript

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

• canvas-datagrid

  1 1,245 5.3 JavaScript

  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. | reddit.com/r/webdev | 2022-09-06

  I've used https://github.com/TonyGermaneri/canvas-datagrid a few times. Def very good strat for tabular large datasets.

• Sonar

  www.sonarsource.com

  sponsored

  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.

  

JavaScript Component related posts

• After a year developing with react, I think I've been doing all wrong
  2 projects | reddit.com/r/reactjs | 24 May 2023
• How can I stop a component from reloading all the time?.
  1 project | reddit.com/r/reactjs | 23 May 2023
• What are the biggest issues with Vue?
  3 projects | reddit.com/r/vuejs | 15 May 2023
• Necesito consejos para desarrollar un programa similar a Excel
  1 project | reddit.com/r/devsarg | 28 Apr 2023
• How to speed up React Native screen when full of TextInput?
  1 project | reddit.com/r/reactnative | 26 Apr 2023
• Is there a way to detect unwanted mutations in a React component?
  1 project | reddit.com/r/reactjs | 23 Jan 2023
• React Dev Tools: much worse experience with functions/hooks
  1 project | reddit.com/r/reactjs | 15 Jan 2023
• A note from our sponsor - InfluxDB
  www.influxdata.com | 30 May 2023

  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. Learn more →

Index

Sponsored

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.

codium.ai

Do not miss the trending JavaScript projects with our weekly report!