Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/whinc/awesome-web

Web 前端相关的优质开源项目集合
https://github.com/whinc/awesome-web

List: awesome-web

Last synced: about 1 month ago
JSON representation

Web 前端相关的优质开源项目集合

Host: GitHub
URL: https://github.com/whinc/awesome-web
Owner: whinc
License: mit
Created: 2019-06-28T02:42:22.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2021-09-14T07:23:06.000Z (about 3 years ago)
Last Synced: 2024-05-21T02:23:52.455Z (4 months ago)
Homepage:
Size: 378 KB
Stars: 4
Watchers: 3
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

ultimate-awesome - awesome-web - Web 前端相关的优质开源项目集合. (Other Lists / PowerShell Lists)

README

        # awesome-web

Web 前端相关的优质开源项目集合

## 纯原生(HTML/CSS/JavaScript)

|类型| 精选库 |

|----|---------|

|UI库|[Bootstrap](https://github.com/twbs/bootstrap) \| [Bulma](https://github.com/jgthms/bulma) \| [tailwindcss](https://github.com/tailwindlabs/tailwindcss)|

|图标|[Font Awesome](https://fontawesome.com/) \| [Iconfont](https://www.iconfont.cn/)|

|字体|[typography.js](https://github.com/KyleAMathews/typography.js)|

|网络请求|[axios](https://github.com/axios/axios)|

|表单校验|[async-validator](https://github.com/yiminghe/async-validator)|

|图表|[echarts](https://github.com/apache/incubator-echarts) \| [AntV](https://github.com/antvis) |

|代码编辑器|[monaco-editor](https://github.com/microsoft/monaco-editor) \| [monaco-vim](https://github.com/brijeshb42/monaco-vim)|

|语法高亮|[prism](https://github.com/PrismJS/prism) \| [highlight.js](https://github.com/highlightjs/highlight.js) |

|堆栈处理|[stacktrace.js](https://github.com/stacktracejs/stacktrace.js)|

|终端|[xterm.js](https://github.com/xtermjs/xterm.js)|

|截图|[html2canvas](https://github.com/niklasvh/html2canvas)

|Excel解析|[sheetjs](https://github.com/SheetJS/sheetjs)|

|水印|[web-watermark](https://github.com/hjyker/web-watermark)|

  

## [React](https://github.com/facebook/react/)

|类型| Github |

|----|---------|

|脚手架|[create-react-app](https://github.com/facebook/create-react-app) \| [next.js](https://github.com/vercel/next.js) \| [umi](https://github.com/umijs/umi) |

|CSS-in-JS|[emotion](https://github.com/emotion-js/emotion) \| [styled-components](https://github.com/styled-components/styled-components) \| [polished](https://github.com/styled-components/polished) |

|路由|[react-router](https://github.com/ReactTraining/react-router)|

|状态管理|[react-redux](https://github.com/reduxjs/react-redux) \| [rematch](https://github.com/rematch/rematch) \| [redux-devtools-extension](https://github.com/zalmoxisus/redux-devtools-extension) \| [react-context-devtool](https://github.com/deeppatel234/react-context-devtool) | 

|Hooks|[react-use](https://github.com/streamich/react-use) \| [use-immer](https://github.com/immerjs/use-immer) \| [swr](https://github.com/vercel/swr) |

|UI组件库|[ant-design](https://github.com/ant-design/ant-design) \| [pro-components](https://github.com/ant-design/pro-components) \| [react-component](https://github.com/react-component)  \| [material-ui](https://github.com/mui-org/material-ui) |

|表格|[react-table](https://github.com/tannerlinsley/react-table)|

|富文本编辑器|[draft-js](https://github.com/facebook/draft-js) \| [slate](https://github.com/ianstormtaylor/slate)|

|Excel表格|[react-data-grid](https://github.com/adazzle/react-data-grid) \| [react-handsontable](https://github.com/handsontable/react-handsontable)|

|图表|[echarts-for-react](https://github.com/hustcc/echarts-for-react) \| [ant-design-charts](https://github.com/ant-design/ant-design-charts) |

|图编辑器|[x6](https://github.com/antvis/x6) \| [GGEditor](https://github.com/alibaba/GGEditor)|

|AutoSizer|[react-virtualized-auto-sizer](https://github.com/bvaughn/react-virtualized-auto-sizer)|

|面板分割|[re-resizable](https://github.com/bokuweb/re-resizable) |

|异步加载| [loadable-components](https://github.com/gregberge/loadable-components) \| [react-loadable](https://github.com/jamiebuilds/react-loadable) |

|滚动条|[react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars)|

|keep-alive|[react-activation](https://github.com/CJY0208/react-activation)|

|新手引导|[reactour](https://github.com/elrumordelaluz/reactour)|

> 与 [antd-社区精选组件](https://ant.design/docs/react/recommendation-cn) 互补。

  

## 工程化

|类型| 精选库 |

|----|---------|

|脚手架|[tsdx](https://github.com/formium/tsdx)|

|打包器|[gulp](https://github.com/gulpjs/gulp) \| [webpack](https://github.com/webpack/webpack) \| [rollup](https://github.com/rollup/rollup) |

|预处理器|[babel](https://github.com/babel/babel) \| [sass](https://github.com/sass/sass) \| [pug](https://github.com/pugjs/pug)|

|Lint|[eslint](https://github.com/eslint/eslint) \| [stylelint](https://github.com/stylelint/stylelint)|

|测试框架|[jest](https://github.com/facebook/jest) \| [storybook](https://github.com/storybookjs/storybook)|

|文档生成|[docusaurus](https://github.com/facebook/docusaurus) \| [vuepress](https://github.com/vuejs/vuepress)| \| [docz](https://github.com/pedronauck/docz) |

|发布|[standard-version](https://github.com/conventional-changelog/standard-version) \| [semantic-release](https://github.com/semantic-release/semantic-release)|

|部署|[now](https://github.com/zeit/now)|

|Git|[husky](https://github.com/typicode/husky) \| [lint-staged](https://github.com/okonet/lint-staged) \| [cz-cli](https://github.com/commitizen/cz-cli)|

  

## [Node.js](https://github.com/nodejs/node)

|类型| 精选库 |

|----|---------|

|CLI|[oclif](https://github.com/oclif/oclif)|

|运维|[nvm](https://github.com/creationix/nvm) \| [nodemon](https://github.com/remy/nodemon) |

|Web框架|[koa](https://github.com/koajs/koa) \| [express](https://github.com/expressjs/express/) \| [nest](https://github.com/nestjs/nest) |

|日期|[dayjs](https://github.com/iamkun/dayjs) \| [date-fns](https://github.com/date-fns/date-fns) |

|JS工具|[lodash](https://github.com/lodash/lodash/) \| [minimatch](https://github.com/isaacs/minimatch)|

|浏览器|[jsdom](https://github.com/jsdom/jsdom) \| [puppeteer](https://github.com/GoogleChrome/puppeteer)|

|Git|[nodegit](https://github.com/nodegit/nodegit) \| [isomorphic-git](https://github.com/isomorphic-git/isomorphic-git)|

|解析器生成器|[nodegit](https://github.com/nodegit/nodegit) \| [jison](https://github.com/zaach/jison) \|  [antlr4ts](https://github.com/tunnelvisionlabs/antlr4ts)|

|其他|[dotenv](https://github.com/motdotla/dotenv) \| [shelljs](https://github.com/shelljs/shelljs)|

  

## References

* [awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs#command-line-utilities)

* [Open Source Awards](https://osawards.com/)

* [awesome-cheatsheets](https://github.com/skywind3000/awesome-cheatsheets)

* [JavaScript](https://github.com/sorrycc/awesome-javascript) - A central list of _everything_ JavaScript.

* [Functional Programming](https://github.com/stoeffel/awesome-fp-js) - An extensive list of resources on learning, implementing, and using Functional Programming in JavaScript.

* [Promises](https://github.com/wbinnssmith/awesome-promises) - A list with a focuses on resources, implementations, and utilities for Promises.

* [JavaScript Learning](https://github.com/micromata/awesome-javascript-learning) - A list limited to the best learning resources about JavaScript – the language.

* [Typescript](https://github.com/dzharii/awesome-typescript)

* [Node.js](https://github.com/sindresorhus/awesome-nodejs) - The core awesome list for Node.js. 

* [npm](https://github.com/sindresorhus/awesome-npm) - A list specifically around npm, the package manager bundled with Node.js by default.

- [awesome](https://github.com/sindresorhus/awesome) Awesome lists about all kinds of interesting topics

- [awesome-awesome-nodejs](https://github.com/bnb/awesome-awesome-nodejs)