前端设计规范和风格指南收集(一)
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 |