Ant Design
---. ╭───╮╭──╮ ╭──╮ ╭──╮ ╭───╮ ╭──╮ ╭─── ───╮ ╭──╮ -.. \ / ││ │──│ │ / ╭─╯/ ╭──╯ / \ │ │ │ / ╭─╯ _|_|_ │o││││/╰─(\││──│/╰─╮/ O \ │││││││╭╯╯__││O││\ _ /││╭─╯\_______/ │ _ ││ ` ' ││ ╰─╮/ \ ││ ││ │ ││ ╰─╮ / \ │ │ │ \ / │ │\ │ \ / │ │ ││ │ \/ \ ╰──┴──╯ ╰──╯─╯ ╰─────╯ ╰───╯ ╰──╯ ╰───╯───╯╰─────╯ /'---'\ ____/ | \_____ ╭───╮╭───╮ ╭──────╮ ╭──╮ ╭──╮ ╭───╮╭────╮ ╭───╮╭───╮ __/\____/ \_ / ││ \ │ │ │ \ / ╭─╯/ ╭──╯╰╮ ╭╯ / ││ \ | \ ││o││_││││/╰─(\──││││─────────────── │││││╰─╯╯─╯│D││╭─╯\___│││││││││/ / __ │ _ ││ │ │ │ │ │ ││ ╰─╮/ \ │ │ │ │ ╰─ ││ │ │ \ \_\_________\ │ │ ││ │ │ │ │ │ ││ │\ │╭╯ ╰╮│ ││ │ │ \ \ \ ╰──┴──╯╰──┴──╯ ╰──╯ ╰─────╯╰─────╯ ╰───╯╰────╯╰─────╯╰──┴──╯ \ \
>精选的清单 Ant Design 资源和相关项目. 主要思想是每个人都可以在这里做出贡献,因此我们可以拥有一个关于Ant Design的信息的中央存储库,我们可以及时了解它.
Ant Design是一种中间件设计语言,由Ant Financial的经验技术部门完善,旨在统一中间件项目的用户界面规范,减少设计差异和实现的不必要成本,并释放设计和前端开发资源.
Resources¶
Ant Design的官方项目和资源.
- Ant Design - 企业级UI设计语言和基于React的实现.
- Ant Design Pro - 面向企业应用程序的开箱即用UI解决方案:fire :: fire :: fire:
- Ant Design Mobile - 可配置的移动UI规范和基于React的实现.
- Ant Design of React - 基于React开箱即用的优雅UI组件.
- Ant Design SVG Icons - 将常规图标字体转换为SVG格式的项目,支持Ant Design图标字体.
Articles¶
Tools¶
这些是帮助使用Ant Design构建应用程序的工具和实用程序,
- Antd Init - Ant设计样板生成器(仅用于演示,使用dva-cli).
- Dva Cli - 基于创建Ant设计项目 Dva.js, 一个 基于Redux和React的轻量级前端框架,灵感来自于 Elm 和 Choo.
- Antd Tools - 非常有用的Ant Design工具列表,用于创建文档,创建新组件,构建工具等等.
- Antd Tools Docs - Ant Tools的文档.
- iConfig Ant Design - 通过一些有用的转换快速获得新项目的Boilerplate.
- Antd Snippets for VS Code
- Generator Antd Pro - 构建Ant Design Pro应用程序的简便方法.
Theming¶
以下是可帮助您自定义主题的实用程序以及在浏览器中更改主题的功能
- antd-theme-webpack-plugin - 用于生成自定义主题文件的webpack插件.
- antd-theme-generator - 一个简单的脚本,用于生成特定主题的文件,可以在任何环境中使用.
- dynamic-antd-theme - 一个简单的插件,动态改变蚂蚁设计主题,无论是less还是css.
Themes¶
- ant-design-dark-theme - Ant Design的黑暗主题变量.
- ant-design-aliyun-theme - Aliyun控制台Ant设计的主题变量.
- ant-dark-theme - Ant Design的黑暗主题变量.
Related Projects¶
Ant Design系列项目.
- Grammar of Graphics - 纯javascript,强大的大数据语义图生成工具,提供一组图形语法,允许用户使用简单的语法构建无数的图表并集成大量的统计工具,(Read more).
- Ant Visualization - 专业数据可视化规范,旨在将数年有价值的数据模式组工作放在探索数据可视化的过程中,与所有需要数据可视化理论的人分享. AntV由几个部分,数据,设计规范和图表使用规则组成,(Read more).
- Ant Motion - 高效的运动设计解决方案,符合Ant设计可视化规范和React实现.
- Ant UX - 使用创建用于UX设计的站点地图模板 Omnigraffle, Sketch 要么 Axure . 这是一个库,可以帮助设计人员定义,完善和最终确定其产品的页间逻辑.
Angular¶
使用Angular和Ant Design构建的项目.
- NG-ZORRO - 角度的Ant设计.
- NG-ZORRO-Mobile - Angular的Ant Design Mobile
- ng-alain - ng-zorro-antd管理面板前端框架.
Vue.js¶
使用Vue.js和Ant Design构建的项目.
- ant-design-vue - Vue.js 2.5.0+的Ant设计.
- Vue.js Beauty - 使用Vue.js和Ant Design构建漂亮的UI组件.
- Vue.js Ant UI - 在Vue.js中构建的Ant设计UI组件.
- Ant Design Vue - Ant设计的Vue.js版本.
- antue - 一组企业级Vue UI组件,完全遵循Ant设计规范.
- vue-antd-admin - 使用Vue实现Ant Design Pro
Components¶
A list of UI components built with Ant Design.
- antd-table-infinity - 基于antd表的无限滚动组件,支持虚拟滚动和高性能
- react-lz-editor - 基于draft-Js和ant设计的开源丰富的反应编辑器.
- React Grid [已弃用] - 基于Ant设计的网格反应UI组件.
- Antd Kit - 高级Ant设计组件.
- antd-data-table - 组合antd表和表单的组件,用于执行数据的搜索,显示和操作作业.
- ngx-recursive-form - 基于使用Ant Design构建的json输入的角度递归形式.
- antd-amplify-react - 用于Aws Amplify for Authentication的Ant设计组件的集合
- antd-password-input-strength - 具有密码强度指示符的AntD输入组件.
React Hooks¶
- Sunflower(🌻) React Hooks的集合返回antd的组件.
Applications¶
使用Ant Design构建的成熟应用程序列表.
- Eevee - 基于Github页面在线编辑博客平台. 该项目基于React,Ant Design和GitHub API.
- Productivity Application - 看板风格,Trello灵感来自使用React,Ant Design和其他奇妙模块构建的Productivity应用程序.
Boilerplates¶
使用Ant Design构建的入门项目和样板的列表.
- Ant Design Pro - 面向企业应用程序的开箱即用UI解决方案:fire :: fire :: fire:
- Scaffold Market - 使用Ant Design的脚手架和样板
- Antd Admin - 基于Ant Design和Dva.js构建的管理仪表板应用程序演示.
- Meteor Antd Boilerplate - 使用Antd和Meteor构建的基本社交网络. Example
- React SPA - 使用React,Router,ES6,Fetch,Babel,Webpack,Npm,MockJs,FontAwesome,AnimateCSS,Ant Design,LESS和jQuery构建SPA.
- React Admin - 基于Ant Design构建的React Admin UI(用户名:admin,密码:123456).
- React Redux - 使用Ant Design构建的CMS /企业级应用程序(ERP / Admin)的React Redux.
- React Antd Starter - 该项目旨在使用Ant Design和Redux开发网站/ Web应用程序.
- Webbf - 使用Maven构建Spring,Spring MVC和Mybatis后端的Java演示. React,Reflux,Eebpack,jQuery,React-bootstrap和Ant设计.
- React Redux Antd Starter - 使用React,Redux和Ant设计构建的前端样板.
- Koa - 用于构建使用React,Ant Design和Koa构建的Admin UI的示例应用程序.
- Star Admin - 使用React,Ant Design,Redux,React-router,Webpack和Babel构建的演示应用程序.
- React Redux Intro - 使用Ant Design构建的演示应用程序,可以配置为初始化Redux依赖项.
- React Start Kit - 使用React,Webpack,ES6 +,Redux,路由器,Babel,Express,Ant设计构建的SPA Boilerplate.
- CL React - 基于企业后台软件的Ant Design前端框架结构.
- TODO MVC - 使用React和Ant Design构建的Todo列表.
- React Boilerplate - 使用Ant Design构建的React Admin前端样板.
- Dva Antd Starter - 开始使用Dva.js和Ant Design.
- Dva Antd Mobile Starter - 开始使用Dva.js和Ant Design mobile.
- Dva Ant Admin - 使用Dva,Ant-Design构建的前端样板
- Aspnet Core Antd Boilerplate - 使用Asp.net核心进行服务器端渲染.
- React Redux Universal - 使用反应路由器4和webpack 2.5+的通用/同构样板. 所有最新的套餐.
- CRA-TS-Antd - Create-React-App + TypeScript + Ant-Design(无弹出).
- Ng-Alain - 基于Ant Design的Angular Admin UI(使用ng-zorro-antd).
- Typescript React With Mobx Starter - 带有打字稿,反应,mobx,antd和webpack的初学者模板.
- React-PWA, PawJS and AntDesign - 具有SEO,PWA,SSR,Skeleton,占位符等的可插拔样板,作为其众多功能中的一部分.
- Create React App + Ant Design - 在create-react-app中使用antd而不弹出
- ScaffoldHub.io - 使用MongoDB,SQL或Firebase Firestore生成fullstack React + Ant设计应用程序.
- The Green Meal - 用TypeScript编写的Next.js,PostgreSQL演示应用程序.
Non-JavaScript Libraries¶
为非JavaScript语言编写的库列表.
- Antizer - Ant设计库 ClojureScript,一种不可变的函数式语言,可以交叉编译为JavaScript.
- syn-antd - Ant设计包装 ClojureScript 和 Reagent 运用 shadow-cljs 树木摇晃的支持. 与其他ClojureScript库一样,它可以交叉编译为JavaScript.
Electron¶
- StarCabinet - 基于Reith,Electronand和Ant Design的基于Github Stars的跨平台工具.
- Nowa - 基于webpack的前端插件脚手架和开发解决方案.
Icons¶
- Official Ant Design Icons
- Ant Design Icons - Ant Design和Ant Design Mobile的高级图标字体.
Design Tools and Resources¶
- Kitchen - Sketch插件,提供功能套件以增强设计师的能力
- Ant Design Library - Ant设计Axure库
- Ant UX - 在OG,Sketch,Axure,Affinity,Adobe XD中进行ux设计的站点地图模板.
- Ant Design Design Resources - 草图符号
Other¶
- Ant Design of Ember - 基于Ant Design和Emberjs的企业级UI框架.
- Fable Ant Design - 寓言Elmish的Ant设计绑定.
Contributing¶
欢迎您的贡献! Click Here to read the guidelines.
License¶
这项工作是根据a Creative Commons Attribution 4.0 International License.