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: about 1 month ago
JSON representation

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

Awesome Lists containing this project

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) | |