awesome-frontend
前端开发资源大全中文版。An awesome front end develop packages and resources
https://github.com/huaize2020/awesome-frontend
Last synced: 4 days ago
JSON representation
-
Repository
-
Data Visualization
- Raphaël - Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web.
- G2 - The Grammar of Graphics in JavaScript. 
- G6 - A Graph Visualization Framework in JavaScript. 
- uPlot - A small, fast chart for time series, lines, areas, ohlc & bars. 
- Flowy - The minimal javascript library to create flowcharts ✨, 
- charts - Simple, responsive, modern SVG Charts with zero dependencies. 
- mermaid - Generation of diagram and flowchart from text in a similar manner as markdown. 
- D3.js - A JavaScript library for manipulating documents based on data. *(You might like [awesome-d3](https://github.com/wbkd/awesome-d3))* 
- Leaflet - Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. 
- ECharts - A powerful charts library from Baidu. 
- HighCharts - Create interactive charts easily for your web projects. 
- ApexCharts - Interactive JavaScript Charts built on SVG. 
- plotly.js - The open source JavaScript graphing library that powers Plotly. 
- GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages. 
- visx - 🐯 visx | visualization components 
- vue-echarts - Uses Apache ECharts 5 and works for both Vue.js 2/3. 
- Drawflow - Simple flow library 🖥️🖱️。 
- flowchart.js - Draws simple SVG flow chart diagrams from textual representation of the diagram. 
- cesium - An open-source JavaScript library for world-class 3D globes and maps. 
- Chart.js - Simple HTML5 Charts using the `<canvas>` tag. 
- Sigma - Sigma is a JavaScript library dedicated to graph drawing. 
- 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 ]. 
- awesome-react
- zrender - A lightweight graphic library providing 2d draw for Apache ECharts. 
- g - A powerful rendering engine which providing Canvas and SVG draw for G2 & G6. 
- v-charts - Chart components based on Vue2.x and Echarts. 
- echarts-for-weixin - Apache ECharts (incubating) for wechat. 
- g2plot - An interactive and responsive charting library. 
- viser - Viser is a toolkit fit for data vis engineer. 
- F2 - An elegant, interactive and flexible charting library for mobile. 
- Peity - Progressive svg pie, donut, bar and line charts. 
- cytoscape.js - Graph theory (network) library for visualisation and analysis. 
- tangram - WebGL map rendering engine for creative cartography. 
- OpenLayers - A high-performance, feature-packed library for all your mapping needs. 
- deck.gl - WebGL2 powered geospatial visualization layers. 
- gantt - Open Source Javascript Gantt. .
- wireflow - Wireflow - user flow chart real-time collaborative tool. 
- butterfly - Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. 
- jQueryGantt - jQuery Gantt editor. 
- js-sequence-diagrams - Draws simple SVG sequence diagrams from textual representation of the diagram. 
- WebCola - Javascript constraint-based graph layout. 
- graphin - A React toolkit for graph visualization based on G6. 
- L7 - Large-scale WebGL-powered Geospatial Data Visualization analysis framework which relies on Mapbox GL or AMap to render basemaps. 
- Raphaël - Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web.
- flot - Attractive JavaScript charts for jQuery. 
- Springy - Springy is a force directed graph layout algorithm. 
- BizCharts - Powerful data visualization library based on G2 and React. 
-
Editor
- monaco-editor - A browser based code editor. 
- trix - A rich text editor for everyday writing. 
- ckeditor5 - Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing. 
- pell - The simplest and smallest WYSIWYG text editor for web, with no dependencies. 
- TOAST UI Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. 
- Editor.md - The open source embeddable online markdown editor (component). 
- stackedit - In-browser Markdown editor. 
- ace - Ace is a standalone code editor written in JavaScript. 
- slate - A completely customizable framework for building rich text editors in the browser. 
- medium-editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. 
- ckeditor4 - The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins. 
- editor.js - A block-styled editor with clean JSON output. 
- tinymce - JavaScript library for rich text editing. Available for React, Vue and Angular. 
- fabric-js-editor - An HTML5 vector image editor built with Fabric.js. 
- DrawerJs - A customizable WYSIWYG HTML canvas editor. 
- substance - A JavaScript library for web-based content editing. 
- wangEditor - Lightweight web rich text editor. 
- simditor - An Easy and Fast WYSIWYG Editor. 
- prosemirror - A well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. 
- neditor - Modern Rich Text Editor based on ueditor, support HTTPS. 
- CodeMirror - In-browser code editor. 
- quill - A modern WYSIWYG editor built for compatibility and extensibility. 
- draft.js - Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. 
- bytemd - A hackable Markdown editor component built with Svelte. 
- Markdown Plus - Markdown editor with extra features. 
-
JavaScript Framework
- angular - The modern web developer’s platform. 
- preact - Fast 3kB React alternative with the same modern API. Components & Virtual DOM. 
- react - A declarative, efficient, and flexible JavaScript library for building user interfaces.  *(You might like [awesome-react](https://github.com/huaize2020/awesome-react))*
- vue - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. 
- svelte - Svelte is a new way to build web applications, Cybernetically enhanced web apps. 
- petite-vue - 5kb subset of Vue optimized for progressive enhancement. 
-
Game
- Babylon.js - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. 
- cocos2d-html5 - Cocos2d for Web Browsers. Built using JavaScript. 
- limejs - HTML5 game framework for web and iOS. 
- 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. 
-
CSS
- bulma - Modern CSS framework based on Flexbox. 
- animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing. 
- tailwindcss - A utility-first CSS framework for rapid UI development. 
- 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. 
- Loaders.css - Delightful, performance-focused pure css loading animations. 
- csshake - CSS classes to move your DOM! 
-
Build Tools
- esbuild - An extremely fast JavaScript bundler and minifier. 
- rollup - Next-generation ES2015 module bundler. 
- Grunt - JavaScript Task Runner 
- Brunch - Front-end web app build tool with simple declarative config, fast incremental compilation, and an opinionated workflow. 
- parcel - Blazing fast, zero config web app bundler. 
- gulp - Streaming and fast build system that favors code over config. 
- webpack - Packs modules and assets for the browser. 
- Vite - Next Generation Frontend Tooling. 
- rspack - A fast Rust-based web bundler 🦀️. 
- Broccoli - Fast, reliable asset pipeline, supporting constant-time rebuilds and compact build definitions. 
- FuseBox - Fast build system that combines the power of webpack, JSPM and SystemJS, with first-class TypeScript support. 
- pkg - Package your Node.js project into an executable. 
- snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. 
-
Animation
- rellax - Lightweight, vanilla javascript parallax library. 
- lottie-web - Render After Effects animations natively on Web, Android and iOS, and React Native. 
- waveforms - An interactive, explorable explanation about the peculiar magic of sound waves. 
- mojs - The motion graphics toolbelt for the web. 
- anime.js - JavaScript animation engine. 
- parallax - Parallax Engine that reacts to the orientation of a smart device. 
- wavesurfer.js - Navigable waveform built on Web Audio and Canvas. 
- velocity - Accelerated JavaScript animation. 
- svg.js - The lightweight library for manipulating and animating SVG. 
- dynamics.js - Javascript library to create physics-based animations. 
- animsition - A simple and easy jQuery plugin for CSS animated page transitions. 
- TweenJS - A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries. 
- wavedrom - 🌊 Digital timing diagram rendering engine. 
- siriwave - Apple® Siri wave-form. 
- 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!. 
- waves - Ocean Wave Simulation. 
- Proton - Javascript particle animation library. 
- bubbly-bg - Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped). 
- react-particle-effect-button - Bursting particle effect buttons for React 🎉. 
- pasition - Path Transition with little JS code, render to anywhere. 
- three.proton - three.proton is a magical 3d particle engine using three.js library. It is based on the Proton engine library. 
- emoji-mart - Emoji Mart is a customizable emoji picker HTML component for the web. 
-
Office
- react-pdf - Display PDFs in your React app as easily as if they were images. 4.6k 
- handsontable - JavaScript data grid with a spreadsheet look & feel. Works for React, Angular, and Vue. 
- shower - Shower HTML presentation engine. 
- pdf.js - PDF Reader in JavaScript. 
- SlickGrid - A lightning fast JavaScript grid/spreadsheet. 
- deck.js - Modern HTML Presentations. 
- reveal.js - The HTML Presentation Framework. 
- @react-pdf/renderer - React renderer for creating PDF files on the browser and server. 
- exceljs - Excel Workbook Manager. 
- sheetjs - Spreadsheet Data Toolkit. 
- @phuocng/react-pdf-viewer - A React component to view a PDF document. 
- slidev - Presentation slides for developers. 
- x-spreadsheet - A web-based JavaScript（canvas）spreadsheet. 
- html2pdf - html2pdf.js converts any webpage or element into a printable PDF entirely client-side using html2canvas and jsPDF. 
- xlsx-populate - Excel XLSX parser/generator written in JavaScript with Node.js and browser support. 
- react-file-viewer - Extendable file viewer for web. 
- @mikecousins/react-pdf - A React component to wrap PDF.js. 
- jsPDF - A library to generate PDFs in JavaScript. 
- Luckysheet - Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source. 
- bespoke.js - DIY Presentation Micro-Framework. 
- 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. 
-
Micro Frontend
- single-spa - The router for easy microfrontends. 
- qiankun - Blazing fast, simple and completed solution for micro frontends. 
- piral - Framework for next generation web apps using microfrontends. 
- emp - EMP Micro FE Base on webpack 5 & module federation. 
- garfish - A powerful micro front-end framework 🚚. 
- garfish - A powerful micro front-end framework 🚚. 
- emp - EMP Micro FE Base on webpack 5 & module federation. 
-
Canvas/SVG
- rough - Create graphics with a hand-drawn, sketchy, appearance. 
- fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser. 
- konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications. 
- concrete - A lightweight Html5 Canvas framework that enables hit detection, layer support, pixel ratio management, exports, and downloads.
-
Form
- 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. 
- webuploader - It's a new file uploader solution! 
- dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars. 
- 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. 
-
Date & Time
- dayjs - Day.js 2KB immutable date-time library alternative to Moment.js with the same modern API. 
- luxon - Library for working with dates and times. 
- moment - Parse, validate, manipulate, and display dates in javascript. 
- ms - Tiny millisecond conversion utility. 
- timeago.js - 🕗 ⌛ timeago.js is a tiny(2.0 kb) library used to format date with `*** time ago` statement. 
- date-fns - Modern JavaScript date utility library. 
- pretty-ms - Convert milliseconds to a human readable string: `1337000000` → `15d 11h 23m 20s` 
- timeago-react - Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'. 
- dateformat - A node.js package for Steven Levithan's excellent dateFormat() function. 
- strftime - Strftime for JavaScript. 
- date-utils - Date Pollyfills for Node.js and Browser. 
-
Audio/Video
- video.js - HTML5 & Flash video player. 
- mediaelement - HTML5 `<video>` and `<audio>` player. 
- clappr - An extensible media player for the web. 
- plyr - A simple HTML5, YouTube and Vimeo player 
- hls.js - HLS.js is a JavaScript library that plays HLS in browsers with support for MSE. 
- FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. 
- http-streaming - HLS, DASH, and future HTTP streaming protocols library for video.js. 
- webamp - Winamp 2 reimplemented for the browser. 
- chimee - A video player framework aims to bring wonderful experience on browser. 
- buzz - A Javascript HTML5 Audio library. 
- BigVideo.js - The jQuery Plugin for Big Background Video. 
- accessible-html5-video-player - Accessible HTML5 Video Player. 
- vue-video-player - 🎞 @videojs component for @vuejs. 
- BigScreen - A simple library for using the JavaScript Full Screen API. 
- jPlayer - HTML5 Audio & Video for jQuery. 
-
Interaction
- mousetrap - Simple library for handling keyboard shortcuts in Javascript. 
- keymaster - A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
-
WebGL
- three.js - JavaScript 3D Library. 
- pixijs - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer. 
- gl-matrix - Javascript Matrix and Vector library for High Performance WebGL apps. 
- Oasis Engine - Oasis Engine is a web-first and mobile-first high-performance real-time development platform. 
- Oasis Engine - Oasis Engine is a web-first and mobile-first high-performance real-time development platform. 
-
FullScreen
- screenfull - Simple wrapper for cross-browser usage of the JavaScript Fullscreen API. 
-
Code View/Code Highlight
- prism - Lightweight, robust, elegant syntax highlighting. 
- highlight.js - JavaScript syntax highlighter with language auto-detection and zero dependencies. 
-
Storage
- localForage - 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API. 
-
Terminal
- xterm.js - A terminal for the web. 
-
Number
- Numeral.js - A javascript library for formatting and manipulating numbers. 
- bignumber.js - A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic. 
- decimal.js - An arbitrary-precision Decimal type for JavaScript. 
- big.js - A small, fast JavaScript library for arbitrary-precision decimal arithmetic. 
- round-to - Round a number to a specific number of decimal places: `1.234` → `1.2`. 
- unique-random - Generate random numbers that are consecutively unique. 
- random-int - Generate a random integer. 
- random-float - Generate a random float. 
-
Math
- mathjs - An extensive math library. 
- ndarray - Multidimensional arrays. 
- algebra - Algebraic structures. 
- multimath - Core to create fast image math in WebAssembly and JS. 
-
Cross Platform/Multiple Platform
- uni-app - uni-app is a unified front-end framework that uses Vue.js to develop small programs, H5, and App. 
- 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. 
- rax - Rax is a progressive React framework for building universal application. 
-
Web Components
- lit - Lit is a simple library for building fast, lightweight web components. 
- 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. 
- awesome-webcomponents
- slim.js - Slim is an ultra fast, native and elegant library for Web Components development. 
- x-tag - Custom Elements for Modern Browsers. 
- polymer - Our original Web Component library. 
- stencil - Stencil is a simple compiler for generating Web Components and static site generated progressive web apps (PWA). 
-
Finger Printing
- clientjs - Device information and digital fingerprinting written in pure JavaScript。 
-
-
Official
-
ECMAScript
- 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
- The TC39 Process - The TC39 Process
- ECMAScript Daily - TC39 ECMAScript Daily
- ECMAScript Current Proposals Github - ECMAScript Current Proposals Github
- TC39 meeting agendas - TC39 meeting agendas
-
Web
- W3c Standards - W3c Standards
- MDN Web - MDN Web technology for developers (You can Change your language)
-
Programming Languages
Categories
Sub Categories
Data Visualization
47
Editor
25
Animation
22
Office
21
Audio/Video
15
Build Tools
13
Date & Time
11
Number
8
ECMAScript
8
Micro Frontend
7
Web Components
7
CSS
6
JavaScript Framework
6
WebGL
5
Math
4
Canvas/SVG
4
Form
4
Game
4
Cross Platform/Multiple Platform
3
Interaction
2
Web
2
Code View/Code Highlight
2
Storage
1
Terminal
1
Finger Printing
1
FullScreen
1
Keywords
javascript
77
react
20
canvas
19
svg
19
typescript
18
visualization
16
editor
14
webgl
14
data-visualization
13
wysiwyg
11
html5
11
chart
10
animation
10
vue
10
charts
8
flowchart
8
css
8
html
8
rich-text-editor
8
web
7
wysiwyg-editor
7
framework
7
es6
7
graph
6
graphics
6
3d
5
frontend
5
contenteditable
5
javascript-library
5
hls
5
video
5
html5-video
5
compiler
5
diagram
4
echarts
4
antv
4
text-editor
4
markdown
4
jquery
4
build-tool
4
maps
4
excel
4
bignumber
3
dash
3
graphs
3
streaming
3
webpack
3
microfrontends
3
microservices
3
reactjs
3