{"id":36298,"url":"https://github.com/whinc/awesome-web","name":"awesome-web","description":"Web 前端相关的优质开源项目集合","projects_count":61,"last_synced_at":"2026-08-18T08:00:18.489Z","repository":{"id":84937383,"uuid":"194194477","full_name":"whinc/awesome-web","owner":"whinc","description":"Web 前端相关的优质开源项目集合","archived":false,"fork":false,"pushed_at":"2021-09-14T07:23:06.000Z","size":387,"stargazers_count":6,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-07-29T20:04:40.199Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/whinc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-06-28T02:42:22.000Z","updated_at":"2026-07-08T15:51:24.000Z","dependencies_parsed_at":"2023-07-21T09:54:23.019Z","dependency_job_id":null,"html_url":"https://github.com/whinc/awesome-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/whinc/awesome-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whinc%2Fawesome-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whinc%2Fawesome-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whinc%2Fawesome-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whinc%2Fawesome-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/whinc","download_url":"https://codeload.github.com/whinc/awesome-web/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whinc%2Fawesome-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36761116,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-18T02:00:06.197Z","response_time":52,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T12:59:31.658Z","updated_at":"2026-08-18T08:00:18.496Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["References","[React](https://github.com/facebook/react/)","纯原生(HTML/CSS/JavaScript)","[Node.js](https://github.com/nodejs/node)","工程化"],"sub_categories":[],"readme":"# awesome-web\n\nWeb 前端相关的优质开源项目集合\n\n\n## 纯原生(HTML/CSS/JavaScript)\n\n|类型| 精选库 |\n|----|---------|\n|UI库|[Bootstrap](https://github.com/twbs/bootstrap) \\| [Bulma](https://github.com/jgthms/bulma) \\| [tailwindcss](https://github.com/tailwindlabs/tailwindcss)|\n|图标|[Font Awesome](https://fontawesome.com/) \\| [Iconfont](https://www.iconfont.cn/)|\n|字体|[typography.js](https://github.com/KyleAMathews/typography.js)|\n|网络请求|[axios](https://github.com/axios/axios)|\n|表单校验|[async-validator](https://github.com/yiminghe/async-validator)|\n|图表|[echarts](https://github.com/apache/incubator-echarts) \\| [AntV](https://github.com/antvis) |\n|代码编辑器|[monaco-editor](https://github.com/microsoft/monaco-editor) \\| [monaco-vim](https://github.com/brijeshb42/monaco-vim)|\n|语法高亮|[prism](https://github.com/PrismJS/prism) \\| [highlight.js](https://github.com/highlightjs/highlight.js) |\n|堆栈处理|[stacktrace.js](https://github.com/stacktracejs/stacktrace.js)|\n|终端|[xterm.js](https://github.com/xtermjs/xterm.js)|\n|截图|[html2canvas](https://github.com/niklasvh/html2canvas)\n|Excel解析|[sheetjs](https://github.com/SheetJS/sheetjs)|\n|水印|[web-watermark](https://github.com/hjyker/web-watermark)|\n\n  \n## [React](https://github.com/facebook/react/)\n\n|类型| Github |\n|----|---------|\n|脚手架|[create-react-app](https://github.com/facebook/create-react-app) \\| [next.js](https://github.com/vercel/next.js) \\| [umi](https://github.com/umijs/umi) |\n|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) |\n|路由|[react-router](https://github.com/ReactTraining/react-router)|\n|状态管理|[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) | \n|Hooks|[react-use](https://github.com/streamich/react-use) \\| [use-immer](https://github.com/immerjs/use-immer) \\| [swr](https://github.com/vercel/swr) |\n|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) |\n|表格|[react-table](https://github.com/tannerlinsley/react-table)|\n|富文本编辑器|[draft-js](https://github.com/facebook/draft-js) \\| [slate](https://github.com/ianstormtaylor/slate)|\n|Excel表格|[react-data-grid](https://github.com/adazzle/react-data-grid) \\| [react-handsontable](https://github.com/handsontable/react-handsontable)|\n|图表|[echarts-for-react](https://github.com/hustcc/echarts-for-react) \\| [ant-design-charts](https://github.com/ant-design/ant-design-charts) |\n|图编辑器|[x6](https://github.com/antvis/x6) \\| [GGEditor](https://github.com/alibaba/GGEditor)|\n|AutoSizer|[react-virtualized-auto-sizer](https://github.com/bvaughn/react-virtualized-auto-sizer)|\n|面板分割|[re-resizable](https://github.com/bokuweb/re-resizable) |\n|异步加载| [loadable-components](https://github.com/gregberge/loadable-components) \\| [react-loadable](https://github.com/jamiebuilds/react-loadable) |\n|滚动条|[react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars)|\n|keep-alive|[react-activation](https://github.com/CJY0208/react-activation)|\n|新手引导|[reactour](https://github.com/elrumordelaluz/reactour)|\n\n\u003e 与 [antd-社区精选组件](https://ant.design/docs/react/recommendation-cn) 互补。\n  \n## 工程化\n\n|类型| 精选库 |\n|----|---------|\n|脚手架|[tsdx](https://github.com/formium/tsdx)|\n|打包器|[gulp](https://github.com/gulpjs/gulp) \\| [webpack](https://github.com/webpack/webpack) \\| [rollup](https://github.com/rollup/rollup) |\n|预处理器|[babel](https://github.com/babel/babel) \\| [sass](https://github.com/sass/sass) \\| [pug](https://github.com/pugjs/pug)|\n|Lint|[eslint](https://github.com/eslint/eslint) \\| [stylelint](https://github.com/stylelint/stylelint)|\n|测试框架|[jest](https://github.com/facebook/jest) \\| [storybook](https://github.com/storybookjs/storybook)|\n|文档生成|[docusaurus](https://github.com/facebook/docusaurus) \\| [vuepress](https://github.com/vuejs/vuepress)| \\| [docz](https://github.com/pedronauck/docz) |\n|发布|[standard-version](https://github.com/conventional-changelog/standard-version) \\| [semantic-release](https://github.com/semantic-release/semantic-release)|\n|部署|[now](https://github.com/zeit/now)|\n|Git|[husky](https://github.com/typicode/husky) \\| [lint-staged](https://github.com/okonet/lint-staged) \\| [cz-cli](https://github.com/commitizen/cz-cli)|\n\n  \n## [Node.js](https://github.com/nodejs/node)\n\n|类型| 精选库 |\n|----|---------|\n|CLI|[oclif](https://github.com/oclif/oclif)|\n|运维|[nvm](https://github.com/creationix/nvm) \\| [nodemon](https://github.com/remy/nodemon) |\n|Web框架|[koa](https://github.com/koajs/koa) \\| [express](https://github.com/expressjs/express/) \\| [nest](https://github.com/nestjs/nest) |\n|日期|[dayjs](https://github.com/iamkun/dayjs) \\| [date-fns](https://github.com/date-fns/date-fns) |\n|JS工具|[lodash](https://github.com/lodash/lodash/) \\| [minimatch](https://github.com/isaacs/minimatch)|\n|浏览器|[jsdom](https://github.com/jsdom/jsdom) \\| [puppeteer](https://github.com/GoogleChrome/puppeteer)|\n|Git|[nodegit](https://github.com/nodegit/nodegit) \\| [isomorphic-git](https://github.com/isomorphic-git/isomorphic-git)|\n|解析器生成器|[nodegit](https://github.com/nodegit/nodegit) \\| [jison](https://github.com/zaach/jison) \\|  [antlr4ts](https://github.com/tunnelvisionlabs/antlr4ts)|\n|其他|[dotenv](https://github.com/motdotla/dotenv) \\| [shelljs](https://github.com/shelljs/shelljs)|\n\n  \n## References\n* [awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs#command-line-utilities)\n* [Open Source Awards](https://osawards.com/)\n* [awesome-cheatsheets](https://github.com/skywind3000/awesome-cheatsheets)\n* [JavaScript](https://github.com/sorrycc/awesome-javascript) - A central list of _everything_ JavaScript.\n* [Functional Programming](https://github.com/stoeffel/awesome-fp-js) - An extensive list of resources on learning, implementing, and using Functional Programming in JavaScript.\n* [Promises](https://github.com/wbinnssmith/awesome-promises) - A list with a focuses on resources, implementations, and utilities for Promises.\n* [JavaScript Learning](https://github.com/micromata/awesome-javascript-learning) - A list limited to the best learning resources about JavaScript – the language.\n* [Typescript](https://github.com/dzharii/awesome-typescript)\n* [Node.js](https://github.com/sindresorhus/awesome-nodejs) - The core awesome list for Node.js. \n* [npm](https://github.com/sindresorhus/awesome-npm) - A list specifically around npm, the package manager bundled with Node.js by default.\n- [awesome](https://github.com/sindresorhus/awesome) Awesome lists about all kinds of interesting topics\n- [awesome-awesome-nodejs](https://github.com/bnb/awesome-awesome-nodejs)\n\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/whinc%2Fawesome-web/projects"}