Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

awesome-frontend

前端开发资源大全中文版。An awesome front end develop packages and resources
https://github.com/huaize2020/awesome-frontend

  • W3c Standards - W3c Standards
  • MDN Web - MDN Web technology for developers (You can Change your language)
  • ECMAScript® 5.1 Specification - ECMAScript® 5.1 Specification
  • ECMAScript® 2015 Language Specification - ECMAScript® 2015 Language Specification
  • ECMAScript® 2016 Language Specification - ECMAScript® 2016 Language Specification
  • ECMAScript Current Proposals - ECMAScript Current Proposals
  • ECMAScript Current Proposals Github - ECMAScript Current Proposals Github
  • TC39 meeting agendas - TC39 meeting agendas
  • ECMAScript Daily - TC39 ECMAScript Daily
  • The TC39 Process - The TC39 Process
  • tailwindcss - A utility-first CSS framework for rapid UI development. ![](https://img.shields.io/github/stars/tailwindlabs/tailwindcss.svg?style=social&label=Star)
  • bulma - Modern CSS framework based on Flexbox. ![](https://img.shields.io/github/stars/jgthms/bulma.svg?style=social&label=Star)
  • animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing. ![](https://img.shields.io/github/stars/animate-css/animate.css.svg?style=social&label=Star)
  • Hover.css - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Available in CSS, Sass, and LESS. ![](https://img.shields.io/github/stars/IanLunn/Hover.svg?style=social&label=Star)
  • Loaders.css - Delightful, performance-focused pure css loading animations. ![](https://img.shields.io/github/stars/ConnorAtherton/loaders.css.svg?style=social&label=Star)
  • csshake - CSS classes to move your DOM! ![](https://img.shields.io/github/stars/ConnorAtherton/loaders.css.svg?style=social&label=Star)
  • Numeral.js - A javascript library for formatting and manipulating numbers. ![](https://img.shields.io/github/stars/adamwdraper/Numeral-js.svg?style=social&label=Star)
  • bignumber.js - A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic. ![](https://img.shields.io/github/stars/MikeMcl/bignumber.js.svg?style=social&label=Star)
  • decimal.js - An arbitrary-precision Decimal type for JavaScript. ![](https://img.shields.io/github/stars/MikeMcl/decimal.js.svg?style=social&label=Star)
  • big.js - A small, fast JavaScript library for arbitrary-precision decimal arithmetic. ![](https://img.shields.io/github/stars/MikeMcl/big.js.svg?style=social&label=Star)
  • round-to - Round a number to a specific number of decimal places: `1.234` → `1.2`. ![](https://img.shields.io/github/stars/sindresorhus/round-to.svg?style=social&label=Star)
  • unique-random - Generate random numbers that are consecutively unique. ![](https://img.shields.io/github/stars/sindresorhus/unique-random.svg?style=social&label=Star)
  • random-int - Generate a random integer. ![](https://img.shields.io/github/stars/sindresorhus/random-int.svg?style=social&label=Star)
  • random-float - Generate a random float. ![](https://img.shields.io/github/stars/sindresorhus/random-float.svg?style=social&label=Star)
  • mathjs - An extensive math library. ![](https://img.shields.io/github/stars/josdejong/mathjs.svg?style=social&label=Star)
  • ndarray - Multidimensional arrays. ![](https://img.shields.io/github/stars/scijs/ndarray.svg?style=social&label=Star)
  • algebra - Algebraic structures. ![](https://img.shields.io/github/stars/fibo/algebra.svg?style=social&label=Star)
  • multimath - Core to create fast image math in WebAssembly and JS. ![](https://img.shields.io/github/stars/nodeca/multimath.svg?style=social&label=Star)
  • moment - Parse, validate, manipulate, and display dates in javascript. ![](https://img.shields.io/github/stars/moment/moment.svg?style=social&label=Star)
  • dayjs - Day.js 2KB immutable date-time library alternative to Moment.js with the same modern API. ![](https://img.shields.io/github/stars/iamkun/dayjs.svg?style=social&label=Star)
  • date-fns - Modern JavaScript date utility library. ![](https://img.shields.io/github/stars/date-fns/date-fns.svg?style=social&label=Star)
  • luxon - Library for working with dates and times. ![](https://img.shields.io/github/stars/moment/luxon.svg?style=social&label=Star)
  • timeago.js - 🕗 ⌛ timeago.js is a tiny(2.0 kb) library used to format date with `*** time ago` statement. ![](https://img.shields.io/github/stars/hustcc/timeago.js.svg?style=social&label=Star)
  • timeago-react - Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'. ![](https://img.shields.io/github/stars/hustcc/timeago-react.svg?style=social&label=Star)
  • ms - Tiny millisecond conversion utility. ![](https://img.shields.io/github/stars/vercel/ms.svg?style=social&label=Star)
  • dateformat - A node.js package for Steven Levithan's excellent dateFormat() function. ![](https://img.shields.io/github/stars/felixge/node-dateformat.svg?style=social&label=Star)
  • pretty-ms - Convert milliseconds to a human readable string: `1337000000` → `15d 11h 23m 20s` ![](https://img.shields.io/github/stars/sindresorhus/pretty-ms.svg?style=social&label=Star)
  • strftime - Strftime for JavaScript. ![](https://img.shields.io/github/stars/samsonjs/strftime.svg?style=social&label=Star)
  • date-utils - Date Pollyfills for Node.js and Browser. ![](https://img.shields.io/github/stars/JerrySievert/date-utils.svg?style=social&label=Star)
  • vue - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. ![](https://img.shields.io/github/stars/vuejs/vue.svg?style=social&label=Star)
  • react - A declarative, efficient, and flexible JavaScript library for building user interfaces. ![](https://img.shields.io/github/stars/facebook/react.svg?style=social&label=Star) *(You might like [awesome-react](https://github.com/huaize2020/awesome-react))*
  • angular - The modern web developer’s platform. ![](https://img.shields.io/github/stars/angular/angular.svg?style=social&label=Star)
  • svelte - Svelte is a new way to build web applications, Cybernetically enhanced web apps. ![](https://img.shields.io/github/stars/sveltejs/svelte.svg?style=social&label=Star)
  • preact - Fast 3kB React alternative with the same modern API. Components & Virtual DOM. ![](https://img.shields.io/github/stars/preactjs/preact.svg?style=social&label=Star)
  • petite-vue - 5kb subset of Vue optimized for progressive enhancement. ![](https://img.shields.io/github/stars/vuejs/petite-vue.svg?style=social&label=Star)
  • uni-app - uni-app is a unified front-end framework that uses Vue.js to develop small programs, H5, and App. ![](https://img.shields.io/github/stars/dcloudio/uni-app.svg?style=social&label=Star)
  • Taro - Taro is a cross-platform/cross-framework solution that supports users to develop WeChat/JD/Baidu/Alipay/ByteDance/QQ mini-programs and H5 applications with React/Vue/Nerv and other frameworks. ![](https://img.shields.io/github/stars/NervJS/taro.svg?style=social&label=Star)
  • rax - Rax is a progressive React framework for building universal application. ![](https://img.shields.io/github/stars/alibaba/rax.svg?style=social&label=Star)
  • uppy - Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, easy to use and lets you worry about more important problems than building a file uploader. ![](https://img.shields.io/github/stars/transloadit/uppy.svg?style=social&label=Star)
  • dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars. ![](https://img.shields.io/github/stars/dropzone/dropzone.svg?style=social&label=Star)
  • webuploader - It's a new file uploader solution! ![](https://img.shields.io/github/stars/fex-team/webuploader.svg?style=social&label=Star)
  • plupload - Plupload is JavaScript API for building file uploaders. It supports multiple file selection, file filtering, chunked upload, client side image downsizing and when necessary can fallback to alternative runtimes, like Flash and Silverlight. ![](https://img.shields.io/github/stars/moxiecode/plupload.svg?style=social&label=Star)
  • mousetrap - Simple library for handling keyboard shortcuts in Javascript. ![](https://img.shields.io/github/stars/ccampbell/mousetrap.svg?style=social&label=Star)
  • keymaster - A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. ![](https://img.shields.io/github/stars/madrobby/keymaster.svg?style=social&label=Star)
  • qiankun - Blazing fast, simple and completed solution for micro frontends. ![](https://img.shields.io/github/stars/umijs/qiankun.svg?style=social&label=Star)
  • single-spa - The router for easy microfrontends. ![](https://img.shields.io/github/stars/single-spa/single-spa.svg?style=social&label=Star)
  • emp - EMP Micro FE Base on webpack 5 & module federation. ![](https://img.shields.io/github/stars/efoxTeam/emp.svg?style=social&label=Star)
  • piral - Framework for next generation web apps using microfrontends. ![](https://img.shields.io/github/stars/smapiot/piral.svg?style=social&label=Star)
  • garfish - A powerful micro front-end framework 🚚. ![](https://img.shields.io/github/stars/modern-js-dev/garfish.svg?style=social&label=Star)
  • fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser. ![](https://img.shields.io/github/stars/fabricjs/fabric.js.svg?style=social&label=Star)
  • rough - Create graphics with a hand-drawn, sketchy, appearance. ![](https://img.shields.io/github/stars/rough-stuff/rough.svg?style=social&label=Star)
  • konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications. ![](https://img.shields.io/github/stars/konvajs/konva.svg?style=social&label=Star)
  • concrete - A lightweight Html5 Canvas framework that enables hit detection, layer support, pixel ratio management, exports, and downloads.![](https://img.shields.io/github/stars/ericdrowell/concrete.svg?style=social&label=Star)
  • three.js - JavaScript 3D Library. ![](https://img.shields.io/github/stars/mrdoob/three.js.svg?style=social&label=Star)
  • pixijs - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer. ![](https://img.shields.io/github/stars/pixijs/pixijs.svg?style=social&label=Star)
  • gl-matrix - Javascript Matrix and Vector library for High Performance WebGL apps. ![](https://img.shields.io/github/stars/toji/gl-matrix.svg?style=social&label=Star)
  • Oasis Engine - Oasis Engine is a web-first and mobile-first high-performance real-time development platform. ![](https://img.shields.io/github/stars/oasis-engine/engine.svg?style=social&label=Star)
  • screenfull - Simple wrapper for cross-browser usage of the JavaScript Fullscreen API. ![](https://img.shields.io/github/stars/sindresorhus/screenfull.svg?style=social&label=Star)
  • localForage - 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API. ![](https://img.shields.io/github/stars/localForage/localForage.svg?style=social&label=Star)
  • anime.js - JavaScript animation engine. ![](https://img.shields.io/github/stars/juliangarnier/anime.svg?style=social&label=Star)
  • lottie-web - Render After Effects animations natively on Web, Android and iOS, and React Native. ![](https://img.shields.io/github/stars/airbnb/lottie-web.svg?style=social&label=Star)
  • mojs - The motion graphics toolbelt for the web. ![](https://img.shields.io/github/stars/mojs/mojs.svg?style=social&label=Star)
  • velocity - Accelerated JavaScript animation. ![](https://img.shields.io/github/stars/julianshapiro/velocity.svg?style=social&label=Star)
  • svg.js - The lightweight library for manipulating and animating SVG. ![](https://img.shields.io/github/stars/svgdotjs/svg.js.svg?style=social&label=Star)
  • dynamics.js - Javascript library to create physics-based animations. ![](https://img.shields.io/github/stars/michaelvillar/dynamics.js.svg?style=social&label=Star)
  • animsition - A simple and easy jQuery plugin for CSS animated page transitions. ![](https://img.shields.io/github/stars/blivesta/animsition.svg?style=social&label=Star)
  • TweenJS - A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries. ![](https://img.shields.io/github/stars/CreateJS/TweenJS.svg?style=social&label=Star)
  • parallax - Parallax Engine that reacts to the orientation of a smart device. ![](https://img.shields.io/github/stars/wagerfield/parallax.svg?style=social&label=Star)
  • rellax - Lightweight, vanilla javascript parallax library. ![](https://img.shields.io/github/stars/dixonandmoe/rellax.svg?style=social&label=Star)
  • wavesurfer.js - Navigable waveform built on Web Audio and Canvas. ![](https://img.shields.io/github/stars/katspaugh/wavesurfer.js?style=social)
  • wavedrom - 🌊 Digital timing diagram rendering engine. ![](https://img.shields.io/github/stars/wavedrom/wavedrom?style=social)
  • waveforms - An interactive, explorable explanation about the peculiar magic of sound waves. ![](https://img.shields.io/github/stars/joshwcomeau/waveforms?style=social)
  • siriwave - Apple® Siri wave-form. ![](https://img.shields.io/github/stars/kopiro/siriwave?style=social)
  • waveform-playlist - Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV!. ![](https://img.shields.io/github/stars/naomiaro/waveform-playlist?style=social)
  • waves - Ocean Wave Simulation. ![](https://img.shields.io/github/stars/dli/waves?style=social)
  • Proton - Javascript particle animation library. ![](https://img.shields.io/github/stars/drawcall/Proton?style=social)
  • bubbly-bg - Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped). ![](https://img.shields.io/github/stars/tipsy/bubbly-bg?style=social)
  • react-particle-effect-button - Bursting particle effect buttons for React 🎉. ![](https://img.shields.io/github/stars/transitive-bullshit/react-particle-effect-button?style=social)
  • pasition - Path Transition with little JS code, render to anywhere. ![](https://img.shields.io/github/stars/dntzhang/pasition?style=social)
  • three.proton - three.proton is a magical 3d particle engine using three.js library. It is based on the Proton engine library. ![](https://img.shields.io/github/stars/drawcall/three.proton?style=social)
  • emoji-mart - Emoji Mart is a customizable emoji picker HTML component for the web. ![](https://img.shields.io/github/stars/missive/emoji-mart.svg?style=social)
  • awesome-react
  • D3.js - A JavaScript library for manipulating documents based on data. *(You might like [awesome-d3](https://github.com/wbkd/awesome-d3))* ![](https://img.shields.io/github/stars/d3/d3.svg?style=social&label=Star)
  • visx - 🐯 visx | visualization components ![](https://img.shields.io/github/stars/airbnb/visx.svg?style=social&label=Star)
  • Raphaël - Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web.
  • zrender - A lightweight graphic library providing 2d draw for Apache ECharts. ![](https://img.shields.io/github/stars/ecomfe/zrender.svg?style=social&label=Star)
  • g - A powerful rendering engine which providing Canvas and SVG draw for G2 & G6. ![](https://img.shields.io/github/stars/antvis/g.svg?style=social&label=Star)
  • ECharts - A powerful charts library from Baidu. ![](https://img.shields.io/github/stars/apache/echarts.svg?style=social&label=Star)
  • v-charts - Chart components based on Vue2.x and Echarts. ![](https://img.shields.io/github/stars/ElemeFE/v-charts.svg?style=social&label=Star)
  • vue-echarts - Uses Apache ECharts 5 and works for both Vue.js 2/3. ![](https://img.shields.io/github/stars/ecomfe/vue-echarts.svg?style=social&label=Star)
  • echarts-for-weixin - Apache ECharts (incubating) for wechat. ![](https://img.shields.io/github/stars/ecomfe/echarts-for-weixin.svg?style=social)
  • plotly.js - The open source JavaScript graphing library that powers Plotly. ![](https://img.shields.io/github/stars/plotly/plotly.js.svg?style=social&label=Star)
  • HighCharts - Create interactive charts easily for your web projects. ![](https://img.shields.io/github/stars/highcharts/highcharts.svg?style=social&label=Star)
  • Chart.js - Simple HTML5 Charts using the `<canvas>` tag. ![](https://img.shields.io/github/stars/chartjs/Chart.js.svg?style=social&label=Star)
  • charts - Simple, responsive, modern SVG Charts with zero dependencies. ![](https://img.shields.io/github/stars/frappe/charts.svg?style=social&label=Star)
  • G2 - The Grammar of Graphics in JavaScript. ![](https://img.shields.io/github/stars/antvis/g2.svg?style=social&label=Star)
  • BizCharts - Powerful data visualization library based on G2 and React. ![](https://img.shields.io/github/stars/alibaba/BizCharts.svg?style=social&label=Star)
  • g2plot - An interactive and responsive charting library. ![](https://img.shields.io/github/stars/antvis/g2plot.svg?style=social&label=Star)
  • viser - Viser is a toolkit fit for data vis engineer. ![](https://img.shields.io/github/stars/viserjs/viser.svg?style=social&label=Star)
  • ApexCharts - Interactive JavaScript Charts built on SVG. ![](https://img.shields.io/github/stars/apexcharts/apexcharts.js.svg?style=social&label=Star)
  • F2 - An elegant, interactive and flexible charting library for mobile. ![](https://img.shields.io/github/stars/antvis/f2.svg?style=social&label=Star)
  • uPlot - A small, fast chart for time series, lines, areas, ohlc & bars. ![](https://img.shields.io/github/stars/leeoniya/uPlot.svg?style=social&label=Star)
  • flot - Attractive JavaScript charts for jQuery. ![](https://img.shields.io/github/stars/flot/flot.svg?style=social&label=Star)
  • Peity - Progressive svg pie, donut, bar and line charts. ![](https://img.shields.io/github/stars/benpickles/peity.svg?style=social&label=Star)
  • Sigma - Sigma is a JavaScript library dedicated to graph drawing. ![](https://img.shields.io/github/stars/jacomyal/sigma.js.svg?style=social&label=Star)
  • G6 - A Graph Visualization Framework in JavaScript. ![](https://img.shields.io/github/stars/antvis/G6.svg?style=social&label=Star)
  • graphin - A React toolkit for graph visualization based on G6. ![](https://img.shields.io/github/stars/antvis/graphin.svg?style=social&label=Star)
  • cytoscape.js - Graph theory (network) library for visualisation and analysis. ![](https://img.shields.io/github/stars/cytoscape/cytoscape.js.svg?style=social&label=Star)
  • Springy - Springy is a force directed graph layout algorithm. ![](https://img.shields.io/github/stars/dhotson/springy.svg?style=social&label=Star)
  • WebCola - Javascript constraint-based graph layout. ![](https://img.shields.io/github/stars/tgdwyer/WebCola.svg?style=social&label=Star)
  • Flowy - The minimal javascript library to create flowcharts ✨, ![](https://img.shields.io/github/stars/alyssaxuu/flowy.svg?style=social)
  • flowchart.js - Draws simple SVG flow chart diagrams from textual representation of the diagram. ![](https://img.shields.io/github/stars/adrai/flowchart.js.svg?style=social)
  • js-sequence-diagrams - Draws simple SVG sequence diagrams from textual representation of the diagram. ![](https://img.shields.io/github/stars/bramp/js-sequence-diagrams.svg?style=social&label=Star)
  • GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages. ![](https://img.shields.io/github/stars/NorthwoodsSoftware/GoJS.svg?style=social)
  • mermaid - Generation of diagram and flowchart from text in a similar manner as markdown. ![](https://img.shields.io/github/forks/mermaid-js/mermaid.svg?style=social)
  • wireflow - Wireflow - user flow chart real-time collaborative tool. ![](https://img.shields.io/github/stars/vanila-io/wireflow.svg?style=social)
  • butterfly - Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. ![](https://img.shields.io/github/stars/alibaba/butterfly.svg?style=social)
  • Drawflow - Simple flow library 🖥️🖱️。 ![](https://img.shields.io/github/stars/jerosoler/Drawflow.svg?style=social)
  • Leaflet - Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. ![](https://img.shields.io/github/stars/Leaflet/Leaflet.svg?style=social&label=Star)
  • deck.gl - WebGL2 powered geospatial visualization layers. ![](https://img.shields.io/github/stars/visgl/deck.gl.svg?style=social&label=Star)
  • OpenLayers - A high-performance, feature-packed library for all your mapping needs. ![](https://img.shields.io/github/stars/openlayers/openlayers.svg?style=social&label=Star)
  • cesium - An open-source JavaScript library for world-class 3D globes and maps. ![](https://img.shields.io/github/stars/CesiumGS/cesium.svg?style=social&label=Star)
  • L7 - Large-scale WebGL-powered Geospatial Data Visualization analysis framework which relies on Mapbox GL or AMap to render basemaps. ![](https://img.shields.io/github/stars/antvis/L7.svg?style=social&label=Star)
  • tangram - WebGL map rendering engine for creative cartography. ![](https://img.shields.io/github/stars/tangrams/tangram.svg?style=social&label=Star)
  • gantt - Open Source Javascript Gantt. ![](https://img.shields.io/github/stars/frappe/gantt?style=social).
  • jQueryGantt - jQuery Gantt editor. ![](https://img.shields.io/github/stars/robicch/jQueryGantt?style=social)
  • gantt-schedule-timeline-calendar - Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]. ![](https://img.shields.io/github/stars/neuronetio/gantt-schedule-timeline-calendar?style=social)
  • phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. ![](https://img.shields.io/github/stars/photonstorm/phaser.svg?style=social&label=Star)
  • Babylon.js - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. ![](https://img.shields.io/github/stars/BabylonJS/Babylon.js.svg?style=social&label=Star)
  • cocos2d-html5 - Cocos2d for Web Browsers. Built using JavaScript. ![](https://img.shields.io/github/stars/cocos2d/cocos2d-html5.svg?style=social&label=Star)
  • limejs - HTML5 game framework for web and iOS. ![](https://img.shields.io/github/stars/digitalfruit/limejs.svg?style=social&label=Star)
  • video.js - HTML5 & Flash video player. ![](https://img.shields.io/github/stars/videojs/video.js.svg?style=social&label=Star)
  • vue-video-player - 🎞 @videojs component for @vuejs. ![](https://img.shields.io/github/stars/surmon-china/vue-video-player.svg?style=social&label=Star)
  • plyr - A simple HTML5, YouTube and Vimeo player ![](https://img.shields.io/github/stars/sampotts/plyr.svg?style=social&label=Star)
  • hls.js - HLS.js is a JavaScript library that plays HLS in browsers with support for MSE. ![](https://img.shields.io/github/stars/video-dev/hls.js.svg?style=social&label=Star)
  • webamp - Winamp 2 reimplemented for the browser. ![](https://img.shields.io/github/stars/captbaritone/webamp.svg?style=social&label=Star)
  • mediaelement - HTML5 `<video>` and `<audio>` player. ![](https://img.shields.io/github/stars/mediaelement/mediaelement.svg?style=social&label=Star)
  • clappr - An extensible media player for the web. ![](https://img.shields.io/github/stars/clappr/clappr.svg?style=social&label=Star)
  • FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. ![](https://img.shields.io/github/stars/davatron5000/FitVids.js.svg?style=social&label=Star)
  • jPlayer - HTML5 Audio & Video for jQuery. ![](https://img.shields.io/github/stars/happyworm/jPlayer.svg?style=social&label=Star)
  • accessible-html5-video-player - Accessible HTML5 Video Player. ![](https://img.shields.io/github/stars/paypal/accessible-html5-video-player.svg?style=social&label=Star)
  • chimee - A video player framework aims to bring wonderful experience on browser. ![](https://img.shields.io/github/stars/Chimeejs/chimee.svg?style=social&label=Star)
  • BigVideo.js - The jQuery Plugin for Big Background Video. ![](https://img.shields.io/github/stars/dfcb/BigVideo.js.svg?style=social&label=Star)
  • http-streaming - HLS, DASH, and future HTTP streaming protocols library for video.js. ![](https://img.shields.io/github/stars/videojs/http-streaming.svg?style=social&label=Star)
  • buzz - A Javascript HTML5 Audio library. ![](https://img.shields.io/github/stars/jaysalvat/buzz.svg?style=social&label=Star)
  • BigScreen - A simple library for using the JavaScript Full Screen API. ![](https://img.shields.io/github/stars/bdougherty/BigScreen.svg?style=social&label=Star)
  • highlight.js - JavaScript syntax highlighter with language auto-detection and zero dependencies. ![](https://img.shields.io/github/stars/highlightjs/highlight.js.svg?style=social&label=Star)
  • prism - Lightweight, robust, elegant syntax highlighting. ![](https://img.shields.io/github/stars/PrismJS/prism.svg?style=social&label=Star)
  • slate - A completely customizable framework for building rich text editors in the browser. ![](https://img.shields.io/github/stars/ianstormtaylor/slate.svg?style=social&label=Star)
  • draft.js - Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. ![](https://img.shields.io/github/stars/facebook/draft-js.svg?style=social&label=Star)
  • ckeditor5 - Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing. ![](https://img.shields.io/github/stars/ckeditor/ckeditor5.svg?style=social&label=Star)
  • quill - A modern WYSIWYG editor built for compatibility and extensibility. ![](https://img.shields.io/github/stars/quilljs/quill.svg?style=social&label=Star)
  • slate - A completely customizable framework for building rich text editors in the browser. ![](https://img.shields.io/github/stars/ianstormtaylor/slate.svg?style=social&label=Star)
  • draft.js - Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. ![](https://img.shields.io/github/stars/facebook/draft-js.svg?style=social&label=Star)
  • editor.js - A block-styled editor with clean JSON output. ![](https://img.shields.io/github/stars/codex-team/editor.js.svg?style=social&label=Star)
  • trix - A rich text editor for everyday writing. ![](https://img.shields.io/github/stars/basecamp/trix.svg?style=social&label=Star)
  • medium-editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. ![](https://img.shields.io/github/stars/yabwe/medium-editor.svg?style=social&label=Star)
  • wangEditor - Lightweight web rich text editor. ![](https://img.shields.io/github/stars/wangeditor-team/wangEditor.svg?style=social&label=Star)
  • pell - The simplest and smallest WYSIWYG text editor for web, with no dependencies. ![](https://img.shields.io/github/stars/jaredreich/pell.svg?style=social&label=Star)
  • tinymce - JavaScript library for rich text editing. Available for React, Vue and Angular. ![](https://img.shields.io/github/stars/tinymce/tinymce.svg?style=social&label=Star)
  • prosemirror - A well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. ![](https://img.shields.io/github/stars/ProseMirror/prosemirror.svg?style=social&label=Star)
  • ckeditor4 - The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins. ![](https://img.shields.io/github/stars/ckeditor/ckeditor4.svg?style=social&label=Star)
  • ckeditor5 - Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing. ![](https://img.shields.io/github/stars/ckeditor/ckeditor5.svg?style=social&label=Star)
  • simditor - An Easy and Fast WYSIWYG Editor. ![](https://img.shields.io/github/stars/mycolorway/simditor.svg?style=social&label=Star)
  • substance - A JavaScript library for web-based content editing. ![](https://img.shields.io/github/stars/substance/substance.svg?style=social&label=Star)
  • neditor - Modern Rich Text Editor based on ueditor, support HTTPS. ![](https://img.shields.io/github/stars/notadd/neditor.svg?style=social&label=Star)
  • monaco-editor - A browser based code editor. ![](https://img.shields.io/github/stars/Microsoft/monaco-editor.svg?style=social&label=Star)
  • ace - Ace is a standalone code editor written in JavaScript. ![](https://img.shields.io/github/stars/ajaxorg/ace.svg?style=social&label=Star)
  • CodeMirror - In-browser code editor. ![](https://img.shields.io/github/stars/codemirror/CodeMirror.svg?style=social&label=Star)
  • stackedit - In-browser Markdown editor. ![](https://img.shields.io/github/stars/benweet/stackedit.svg?style=social&label=Star)
  • TOAST UI Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. ![](https://img.shields.io/github/stars/nhn/tui.editor.svg?style=social&label=Star)
  • Editor.md - The open source embeddable online markdown editor (component). ![](https://img.shields.io/github/stars/pandao/editor.md.svg?style=social&label=Star)
  • Markdown Plus - Markdown editor with extra features. ![](https://img.shields.io/github/stars/tylingsoft/markdown-plus.svg?style=social&label=Star)
  • bytemd - A hackable Markdown editor component built with Svelte. ![](https://img.shields.io/github/stars/bytedance/bytemd.svg?style=social&label=Star)
  • DrawerJs - A customizable WYSIWYG HTML canvas editor. ![](https://img.shields.io/github/stars/bytedance/bytemd.svg?style=social&label=Star)
  • fabric-js-editor - An HTML5 vector image editor built with Fabric.js. ![](https://img.shields.io/github/stars/danielktaylor/fabric-js-editor?style=social)
  • sheetjs - Spreadsheet Data Toolkit. ![](https://img.shields.io/github/stars/SheetJS/sheetjs.svg?style=social&label=Star)
  • handsontable - JavaScript data grid with a spreadsheet look & feel. Works for React, Angular, and Vue. ![](https://img.shields.io/github/stars/handsontable/handsontable.svg?style=social&label=Star)
  • x-spreadsheet - A web-based JavaScript(canvas)spreadsheet. ![](https://img.shields.io/github/stars/myliang/x-spreadsheet.svg?style=social&label=Star)
  • Luckysheet - Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source. ![](https://img.shields.io/github/stars/mengshukeji/Luckysheet.svg?style=social&label=Star)
  • exceljs - Excel Workbook Manager. ![](https://img.shields.io/github/stars/exceljs/exceljs.svg?style=social&label=Star)
  • SlickGrid - A lightning fast JavaScript grid/spreadsheet. ![](https://img.shields.io/github/stars/mleibman/SlickGrid?style=social)
  • xlsx-populate - Excel XLSX parser/generator written in JavaScript with Node.js and browser support. ![](https://img.shields.io/github/stars/dtjohnson/xlsx-populate.svg?style=social&label=Star)
  • pdf.js - PDF Reader in JavaScript. ![](https://img.shields.io/github/stars/mozilla/pdf.js.svg?style=social&label=Star)
  • jsPDF - A library to generate PDFs in JavaScript. ![](https://img.shields.io/github/stars/MrRio/jsPDF.svg?style=social&label=Star)
  • @react-pdf/renderer - React renderer for creating PDF files on the browser and server. ![](https://img.shields.io/github/stars/diegomura/react-pdf.svg?style=social&label=Star)
  • react-pdf - Display PDFs in your React app as easily as if they were images. 4.6k ![](https://img.shields.io/github/stars/wojtekmaj/react-pdf.svg?style=social&label=Star)
  • html2pdf - html2pdf.js converts any webpage or element into a printable PDF entirely client-side using html2canvas and jsPDF. ![](https://img.shields.io/github/stars/eKoopmans/html2pdf.js.svg?style=social&label=Star)
  • @phuocng/react-pdf-viewer - A React component to view a PDF document. ![](https://img.shields.io/github/stars/react-pdf-viewer/react-pdf-viewer.svg?style=social&label=Star)
  • @mikecousins/react-pdf - A React component to wrap PDF.js. ![](https://img.shields.io/github/stars/mikecousins/react-pdf-js.svg?style=social&label=Star)
  • react-file-viewer - Extendable file viewer for web. ![](https://img.shields.io/github/stars/plangrid/react-file-viewer.svg?style=social&label=Star)
  • reveal.js - The HTML Presentation Framework. ![](https://img.shields.io/github/stars/hakimel/reveal.js.svg?style=social&label=Star)
  • impress.js - It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. ![](https://img.shields.io/github/stars/bartaz/impress.js.svg?style=social&label=Star)
  • slidev - Presentation slides for developers. ![](https://img.shields.io/github/stars/slidevjs/slidev.svg?style=social&label=Star)
  • deck.js - Modern HTML Presentations. ![](https://img.shields.io/github/stars/imakewebthings/deck.js.svg?style=social&label=Star)
  • bespoke.js - DIY Presentation Micro-Framework. ![](https://img.shields.io/github/stars/markdalgleish/bespoke.js.svg?style=social&label=Star)
  • shower - Shower HTML presentation engine. ![](https://img.shields.io/github/stars/shower/shower.svg?style=social&label=Star)
  • xterm.js - A terminal for the web. ![](https://img.shields.io/github/stars/xtermjs/xterm.js.svg?style=social&label=Star)
  • webpack - Packs modules and assets for the browser. ![](https://img.shields.io/github/stars/webpack/webpack.svg?style=social&label=Star)
  • parcel - Blazing fast, zero config web app bundler. ![](https://img.shields.io/github/stars/parcel-bundler/parcel.svg?style=social&label=Star)
  • gulp - Streaming and fast build system that favors code over config. ![](https://img.shields.io/github/stars/gulpjs/gulp.svg?style=social&label=Star)
  • esbuild - An extremely fast JavaScript bundler and minifier. ![](https://img.shields.io/github/stars/evanw/esbuild.svg?style=social&label=Star)
  • rollup - Next-generation ES2015 module bundler. ![](https://img.shields.io/github/stars/rollup/rollup.svg?style=social&label=Star)
  • pkg - Package your Node.js project into an executable. ![](https://img.shields.io/github/stars/zeit/pkg.svg?style=social&label=Star)
  • Grunt - JavaScript Task Runner ![](https://img.shields.io/github/stars/gruntjs/grunt.svg?style=social&label=Star)
  • Brunch - Front-end web app build tool with simple declarative config, fast incremental compilation, and an opinionated workflow. ![](https://img.shields.io/github/stars/brunch/brunch.svg?style=social&label=Star)
  • FuseBox - Fast build system that combines the power of webpack, JSPM and SystemJS, with first-class TypeScript support. ![](https://img.shields.io/github/stars/fuse-box/fuse-box.svg?style=social&label=Star)
  • rspack - A fast Rust-based web bundler 🦀️. ![](https://img.shields.io/github/stars/web-infra-dev/rspack.svg?style=social&label=Star)
  • Broccoli - Fast, reliable asset pipeline, supporting constant-time rebuilds and compact build definitions. ![](https://img.shields.io/github/stars/broccolijs/broccoli.svg?style=social&label=Star)
  • Vite - Next Generation Frontend Tooling. ![](https://img.shields.io/github/stars/vitejs/vite.svg?style=social&label=Star)
  • snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ![](https://img.shields.io/github/stars/snowpackjs/snowpack.svg?style=social&label=Star)
  • awesome-webcomponents
  • polymer - Our original Web Component library. ![](https://img.shields.io/github/stars/polymer/polymer.svg?style=social&label=Star)
  • stencil - Stencil is a simple compiler for generating Web Components and static site generated progressive web apps (PWA). ![](https://img.shields.io/github/stars/ionic-team/stencil.svg?style=social&label=Star)
  • lit - Lit is a simple library for building fast, lightweight web components. ![](https://img.shields.io/github/stars/lit/lit.svg?style=social&label=Star)
  • skatejs - Skate is a functional reactive abstraction over the web component standards as a set of packages that enables you to write small, fast and scalable web components using popular view libraries such as React, Preact and LitHTML. ![](https://img.shields.io/github/stars/skatejs/skatejs.svg?style=social&label=Star)
  • x-tag - Custom Elements for Modern Browsers. ![](https://img.shields.io/github/stars/x-tag/core.svg?style=social&label=Star)
  • slim.js - Slim is an ultra fast, native and elegant library for Web Components development. ![](https://img.shields.io/github/stars/slimjs/slim.js.svg?style=social&label=Star)
  • clientjs - Device information and digital fingerprinting written in pure JavaScript。 ![](https://img.shields.io/github/stars/jackspirou/clientjs.svg?style=social&label=Star)