Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/weihongyu12/awesome-frontend

收集的一些前端资源，包括UI框架和各种插件
https://github.com/weihongyu12/awesome-frontend
List: awesome-frontend
Last synced: 16 days ago
JSON representation
收集的一些前端资源，包括UI框架和各种插件
Host: GitHub
URL: https://github.com/weihongyu12/awesome-frontend
Owner: weihongyu12
License: mit
Created: 2018-10-20T02:43:41.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2019-07-23T08:09:59.000Z (over 5 years ago)
Last Synced: 2024-05-19T09:00:26.556Z (7 months ago)
Homepage:
Size: 6.84 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

ultimate-awesome - awesome-frontend - 收集的一些前端资源，包括UI框架和各种插件. (Other Lists / PowerShell Lists)
README

        # Awesome

收集的一些前端资源，包括UI框架和各种插件

## UI

| 项目 | Vue | React | 说明 |

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

| [Bootstrap](https://getbootstrap.com/) |   |   |   |

| [Foundation](https://foundation.zurb.com/) |   |   |   |

| [Semantic UI](https://semantic-ui.com/) |   |   |   |

| [Bulma](https://bulma.io/) |   |   |   |

| [Materialize](https://materializecss.com/) |   |   | Material Design |

| [Amaze](http://amazeui.org/) |   |   |   |   |

| [Amaze UI Touch](http://t.amazeui.org/) |   | √ | Amaze手机版 |

| [Ant Design](https://ant.design/) |   | √ | 蚂蚁金服出品 |

| [Ant Design Mobile](https://mobile.ant.design/) |   | √ | Ant Design手机版 |

| [Ant Design Pro](https://pro.ant.design/) |   | √ | 开箱即用的中台前端/设计解决方案 |

| [Vuetifyjs](https://pro.ant.design/) | √ |   | Material Design |

| [Framework7](http://framework7.io/) | √ |   | 支持iOS和MD两种规范 |

| [Element](https://element.eleme.io/) | √ |   | 饿了么出品 |

| [Mand Mobile](https://didi.github.io/mand-mobile/) | √ |   | 滴滴出品 |

| [Cube UI](https://didi.github.io/cube-ui/) | √ |   | 滴滴出品 |

| [Vant](https://youzan.github.io/) | √ |   | 有赞出品 |

| [AT-UI](https://at-ui.github.io/at-ui/) | √ |   | 京东凹凸实验室出品 |

| [Material-UI](https://material-ui.com/) |   | √ | Material Design |

| [WeUI](https://weui.io/) |   |   | 微信出品 |

| [React WeUI](https://weui.github.io/react-weui/docs/) |   | √ | 微信出品 |

| [FrozenUI](http://frozenui.github.io/) |   |   | 腾讯手Q出品 |

| [iView](https://www.iviewui.com/) | √ |   | TalkingData出品 |

| [pile.js](https://didi.github.io/pile.js/) |   | √ | 滴滴出品 |

## 小程序UI

| 项目 | 说明 |

| --- | --- |

| [Vant Weapp](https://youzan.github.io/vant-weapp/) | Vant小程序版 |

| [Taro UI](https://taro-ui.aotu.io/) | 京东凹凸实验室出品 |

| [weui-wxss](https://github.com/Tencent/weui-wxss) | 微信出品 |

| [iView Weapp](https://taro-ui.aotu.io/) | iView小程序版 |

## CSS

| 项目 | 说明 |

| --- | --- |

| [fontawesome](https://fontawesome.com/) | Font Awesome 图标 |

| [animate.css](https://daneden.github.io/animate.css/) | CSS3动画 |

| [normalize.css](http://necolas.github.io/normalize.css/) |   |

## JavaScript

| 项目 | 说明 |

| --- | --- |

| [accounting](http://openexchangerates.github.io/accounting.js/) | 货币格式化 |

| [animejs](http://animejs.com/) | JS动画 |

| [antv](http://antv.alipay.com/) | 蚂蚁金服数据可视化解决方案，包括G2、G6、F2 |

| [axios](https://github.com/axios/axios) | HTTP |

| [babel-polyfill](https://babeljs.io/docs/en/babel-polyfill) | ES6兼容 |

| [chinese-finance-number](https://www.npmjs.com/package/chinese-finance-number) | 财务中文大写数字 |

| [chinese-idcard-checker](https://www.npmjs.com/package/chinese-idcard-checker) | 中国居民身份证号码验证器 |

| [ckeditor](https://ckeditor.com/ckeditor-5/) | 富文本编辑器 |

| [clipboard](https://clipboardjs.com/) | 剪贴板 |

| [core-js](https://www.npmjs.com/package/core-js) | ES6兼容 |

| [countup.js](http://inorganik.github.io/countUp.js/) | 数字渐变 |

| [cropperjs](https://fengyuanchen.github.io/cropperjs/) | 图片裁剪 |

| [crypto-js](https://www.npmjs.com/package/crypto-js) | 各种加密算法 |

| [date-fns](https://date-fns.org/) | 日期（用于取代moment） |

| [dropzone](https://www.dropzonejs.com/) | 图片拖拽上传 |

| [echarts](http://echarts.baidu.com/) | 图表（百度） |

| [fastclick](https://github.com/ftlabs/fastclick) | 解决移动浏览器点击延迟的问题 |

| [fullcalendar](https://fullcalendar.io/) | 日历 |

| [graphql](https://graphql.org/) | GraphQL |

| [hammerjs](https://hammerjs.github.io/) | 实现移动端手势操作 |

| [highlight.js](https://highlightjs.org/) | 代码高亮 |

| [js-cookie](https://github.com/js-cookie/js-cookie) | Cookies |

| [jsencrypt](http://travistidwell.com/jsencrypt/) | RSA加密 |

| [lazysizes](https://www.npmjs.com/package/lazysizes) | 图片延迟加载 |

| [localforage](https://localforage.github.io/localForage/) | 本地存储，主要用于indexedDB |

| [lodash](https://lodash.com/) | 工具函数 |

| [marked](https://marked.js.org/) | Markdown转HTML |

| [modernizr](https://modernizr.com/) | Web特征检测 |

| [moment](http://momentjs.com/) | 日期 |

| [photoswipe](http://photoswipe.com/) | 图片相册 |

| [print-js](http://printjs.crabbly.com/) | web打印 |

| [qs](https://github.com/ljharb/qs) | QueryString |

| [simplemde](https://simplemde.com/) | Markdown编辑器 |

| [sortablejs](http://rubaxa.github.io/Sortable/) | 拖动排序 |

| [swiper](http://idangero.us/swiper/) | 图片轮播 |

| [velocity-animate](http://velocityjs.org/) | JS动画 |

| [wavesurfer.js](https://wavesurfer-js.org/) | 音频波形可视化 |

| [whatwg-fetch](https://github.com/github/fetch) | Fetch Polyfill |

| [xgplayer](https://h5player.bytedance.com/) | 视频播放器（今日头条） |

## Vue 生态

| 项目 | 说明 |

| --- | --- |

| [vue-router](https://router.vuejs.org/) | 路由 |

| [vuex](https://vuex.vuejs.org/) | 状态管理 |

| [vue-server-renderer](https://ssr.vuejs.org/) | 服务端渲染 |

| [nuxt](https://nuxtjs.org/) | 服务端渲染 |

| [vue-test-utils](https://vue-test-utils.vuejs.org/) | 单元测试 |

| [eslint-plugin-vue](https://cn.vuejs.org/v2/style-guide/) | Vue代码风格 |

| [vuepress](https://vuepress.vuejs.org/) | Vue文档生成 |

| [vue-styleguidist](https://vue-styleguidist.github.io/) | Vue组件风格文档生成 |

| [vue-i18n](http://kazupon.github.io/vue-i18n/) | 国际化 |

| [vue-apollo](https://akryum.github.io/vue-apollo/) | GraphQL（基于Appllo） |

| [vue-skeleton-webpack-plugin](https://www.npmjs.com/package/vue-skeleton-webpack-plugin) | vue的骨架屏 skeleton |

## React 生态

| 项目 | 说明 |

| --- | --- |

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

| [flow](https://flow.org/) | JS类型检查 |

| [redux](https://redux.js.org/) | 状态管理 |

| [next](https://nextjs.org/) | 服务端渲染 |

| [relay](https://facebook.github.io/relay/) | GraphQL |

| [prop-types](https://www.npmjs.com/package/prop-types) | Prop检查 |

| [immutable](http://facebook.github.io/immutable-js/) | JS不可变数据结构 |

| [react-360](https://facebook.github.io/react-360/) | VR |

| [react-apollo](https://www.apollographql.com/docs/react/) | GraphQL（基于Appllo） |

| [eslint-plugin-airbnb](https://airbnb.io/javascript/) | airbnb代码风格（带React） |

| [docusaurus](https://docusaurus.io/) | React文档生成 |

| [react-styleguidist](https://react-styleguidist.js.org/) | React组件风格文档生成 |

| [react-skeleton-webpack-plugin](https://www.npmjs.com/package/react-skeleton-webpack-plugin) | react的骨架屏 skeleton |

## React Native 生态

| 项目 | 说明 |

| --- | --- |

| [react-navigation](https://reactnavigation.org/) | 页面导航 |

| [lottie](http://airbnb.io/lottie/) | AE动画转web动画，支持web、iOS、Android和React Native |

| [react-native-maps](https://github.com/react-community/react-native-maps) | 地图组件 |

| [react-native-languages](https://github.com/react-community/react-native-languages) | 国际化 |

| [react-native-webgl](https://github.com/react-community/react-native-webgl) | WebGL |

| [react-native-platform-touchable](https://github.com/react-community/react-native-platform-touchable) | 点击组件 |

| [react-native-image-picker](https://github.com/react-community/react-native-image-picker) | 图片选择器 |

| [react-native-vector-icons](https://www.npmjs.com/package/react-native-vector-icons) | 图标集 |

| [react-native-splash-screen](https://www.npmjs.com/package/react-native-splash-screen) | 启动屏 |

| [react-native-image-crop-picker](https://www.npmjs.com/package/react-native-image-crop-picker) | 图片选择器（带裁剪） |

## 构建工具

| 项目 | 说明 |

| --- | --- |

| [commitlint](http://marionebl.github.io/commitlint/) | Git Commit Message检查 |

| [eslint-config-airbnb-base](https://airbnb.io/javascript/) | airbnb代码风格 |

| [prettier](https://prettier.io/) | 格式化代码 |

| [husky](https://www.npmjs.com/package/husky) | 增加Git hook |

| [yorkie](https://www.npmjs.com/package/yorkie) | 增加Git hook（用于取代husky） |

| [postcss-pxtorem](https://www.npmjs.com/package/postcss-pxtorem) | 基于PostCSS的px转rem插件 |

| [postcss-theme-variables](https://www.npmjs.com/package/postcss-theme-variables) | 基于PostCSS的主题变量配置插件 |

| [conventional-changelog](https://www.npmjs.com/package/conventional-changelog-cli) | 生成Changelog |

| [webpack-subresource-integrity](https://www.npmjs.com/package/webpack-subresource-integrity) | [Subresource Integrity (SRI)](https://developer.mozilla.org/zh-CN/docs/Web/Security/%E5%AD%90%E8%B5%84%E6%BA%90%E5%AE%8C%E6%95%B4%E6%80%A7) Webpack插件 |

## 第三方SDK

| 项目 | 说明 |

| --- | --- |

| [Sentry](https://sentry.io/) | 错误追踪 |

| [Bugsnag](https://www.bugsnag.com/) | 错误追踪 |

| [友盟统计](https://www.umeng.com/) |   |

| [百度统计](https://tongji.baidu.com/) |   |

| [微信JSSDK](https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115) |   |

| [支付宝JSAPI](https://myjsapi.alipay.com/jsapi/index.html) |   |

| [百度地图JSAPI](http://lbsyun.baidu.com/index.php?title=jspopular3.0) |   |

| [高德地图JSAPI](https://lbs.amap.com/api/javascript-api/summary) |   |