前端设计规范和风格指南收集(一)
Design Systems & Style Guides
一些顶级公司/网站的设计,样式/风格相关的规范,指南,文档和工具箱
Github项目地址
Design Resources For Developers
Website | Description |
---|---|
Material Design | Google Material 设计规范 |
Material UI | Material Design 的 React 实现 |
Angular Material | Material Design 的 Angular 实现 |
Vue Material | Material Design 的 Vue 实现 |
Ant Design | 阿里Ant Design 设计规范和 React 实现 |
NG-ZORRO | Ant Design 的 Angular 实现 |
Ant Design Vue | Ant Design 的 Vue 实现 |
Apple Design Resources | Apple 官方设计风格,UI和模板 |
Primer | GitHub 的设计规范 |
Primer / React | Primer 的React实现 |
Primer / CSS | Primer 的CSS库 |
Arco.design | 字节跳动 UED团队 设计规范 |
Arco.design | Arco.design 的React实现 |
Arco.design | Arco.design 的Vue实现 |
Semi | 字节跳动 抖音前端与 UED 团队 和React实现 |
Alta UI | Oracle 设计规范和工具箱 |
Atlassian Design | Atlassian 官方Jira设计风格和React实现 |
Microsoft Fluent UI | 微软前端设计规范 和React实现 |
Carbon Design Systems | IBM 开源设计规范,支持React,Anuglar,Vue等 |
Bootstrap | Twitter 前端开源工具包 |
ng-bootstrap | Boostrap angular 实现 |
react-bootstrap | Boostrap react 实现 |
BootstrapVue | Boostrap react 实现 |
Clarity Design System | 阿里旗下 Teambition 团队, UX参考, HTML/CSS 框架和 Angular组件 |
Audi Design Resources | 奥迪设计规范工具包,和React实现 |
Yelp Style Guide | Yelp 风格指南, 组件 and 工具箱 |
Comet | Discovery 旗下一套设计规范 HTML/CSS |
Quark Design | 哈罗单车设计规范 React,Vue实现 |
Taiga | 俄罗斯TinkOff银行开源的Angular UI |
Ionic | 移动端H5框架 React,Angular,Vue |
Semantic UI | Semantic UI React |
Fusion Design | 阿里又一款 Fusion Design React |
DevUI | 华为云开源UI库 angular,React,Vue 实现 |
Nebular | Nebular Angular UI框架 |
Prime | Prime JQuery UI框架 |
PrimeNG | Prime Angular 实现 |
Taro UI | 京东 O2Team 前端UI框架 ,React Vue RN Wechat |