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