Awesome
收集的一些前端资源,包括UI框架和各种插件
UI
项目 | Vue | React | 说明 |
---|---|---|---|
Bootstrap | |||
Foundation | |||
Semantic UI | |||
Bulma | |||
Materialize | Material Design | ||
Amaze | |||
Amaze UI Touch | √ | Amaze手机版 | |
Ant Design | √ | 蚂蚁金服出品 | |
Ant Design Mobile | √ | Ant Design手机版 | |
Ant Design Pro | √ | 开箱即用的中台前端/设计解决方案 | |
Vuetifyjs | √ | Material Design | |
Framework7 | √ | 支持iOS和MD两种规范 | |
Element | √ | 饿了么出品 | |
Mand Mobile | √ | 滴滴出品 | |
Cube UI | √ | 滴滴出品 | |
Vant | √ | 有赞出品 | |
AT-UI | √ | 京东凹凸实验室出品 | |
Material-UI | √ | Material Design | |
WeUI | 微信出品 | ||
React WeUI | √ | 微信出品 | |
FrozenUI | 腾讯手Q出品 | ||
iView | √ | TalkingData出品 | |
pile.js | √ | 滴滴出品 |
小程序UI
项目 | 说明 |
---|---|
Vant Weapp | Vant小程序版 |
Taro UI | 京东凹凸实验室出品 |
weui-wxss | 微信出品 |
iView Weapp | iView小程序版 |
CSS
项目 | 说明 |
---|---|
fontawesome | Font Awesome 图标 |
animate.css | CSS3动画 |
normalize.css |
JavaScript
项目 | 说明 |
---|---|
accounting | 货币格式化 |
animejs | JS动画 |
antv | 蚂蚁金服数据可视化解决方案,包括G2、G6、F2 |
axios | HTTP |
babel-polyfill | ES6兼容 |
chinese-finance-number | 财务中文大写数字 |
chinese-idcard-checker | **居民身份证号码验证器 |
ckeditor | 富文本编辑器 |
clipboard | 剪贴板 |
core-js | ES6兼容 |
countup.js | 数字渐变 |
cropperjs | 图片裁剪 |
crypto-js | 各种加密算法 |
date-fns | 日期(用于取代moment) |
dropzone | 图片拖拽上传 |
echarts | 图表(百度) |
fastclick | 解决移动浏览器点击延迟的问题 |
fullcalendar | 日历 |
graphql | GraphQL |
hammerjs | 实现移动端手势操作 |
highlight.js | 代码高亮 |
js-cookie | Cookies |
jsencrypt | RSA加密 |
lazysizes | 图片延迟加载 |
localforage | 本地存储,主要用于indexedDB |
lodash | 工具函数 |
marked | Markdown转HTML |
modernizr | Web特征检测 |
moment | 日期 |
photoswipe | 图片相册 |
print-js | web打印 |
qs | QueryString |
simplemde | Markdown编辑器 |
sortablejs | 拖动排序 |
swiper | 图片轮播 |
velocity-animate | JS动画 |
wavesurfer.js | 音频波形可视化 |
whatwg-fetch | Fetch Polyfill |
xgplayer | 视频播放器(今日头条) |
Vue 生态
项目 | 说明 |
---|---|
vue-router | 路由 |
vuex | 状态管理 |
vue-server-renderer | 服务端渲染 |
nuxt | 服务端渲染 |
vue-test-utils | 单元测试 |
eslint-plugin-vue | Vue代码风格 |
vuepress | Vue文档生成 |
vue-styleguidist | Vue组件风格文档生成 |
vue-i18n | 国际化 |
vue-apollo | GraphQL(基于Appllo) |
vue-skeleton-webpack-plugin | vue的骨架屏 skeleton |
React 生态
项目 | 说明 |
---|---|
react-router | 路由 |
flow | JS类型检查 |
redux | 状态管理 |
next | 服务端渲染 |
relay | GraphQL |
prop-types | Prop检查 |
immutable | JS不可变数据结构 |
react-360 | VR |
react-apollo | GraphQL(基于Appllo) |
eslint-plugin-airbnb | airbnb代码风格(带React) |
docusaurus | React文档生成 |
react-styleguidist | React组件风格文档生成 |
react-skeleton-webpack-plugin | react的骨架屏 skeleton |
React Native 生态
项目 | 说明 |
---|---|
react-navigation | 页面导航 |
lottie | AE动画转web动画,支持web、iOS、Android和React Native |
react-native-maps | 地图组件 |
react-native-languages | 国际化 |
react-native-webgl | WebGL |
react-native-platform-touchable | 点击组件 |
react-native-image-picker | 图片选择器 |
react-native-vector-icons | 图标集 |
react-native-splash-screen | 启动屏 |
react-native-image-crop-picker | 图片选择器(带裁剪) |
构建工具
项目 | 说明 |
---|---|
commitlint | Git Commit Message检查 |
eslint-config-airbnb-base | airbnb代码风格 |
prettier | 格式化代码 |
husky | 增加Git hook |
yorkie | 增加Git hook(用于取代husky) |
postcss-pxtorem | 基于PostCSS的px转rem插件 |
postcss-theme-variables | 基于PostCSS的主题变量配置插件 |
conventional-changelog | 生成Changelog |
webpack-subresource-integrity | Subresource Integrity (SRI) Webpack插件 |
第三方SDK
项目 | 说明 |
---|---|
Sentry | 错误追踪 |
Bugsnag | 错误追踪 |
友盟统计 | |
百度统计 | |
微信JSSDK | |
支付宝JSAPI | |
百度地图JSAPI | |
高德地图JSAPI |