Ant Design

                                                                       ---.
      ╭───╮╭──╮  ╭──╮   ╭──╮ ╭───╮  ╭──╮  ╭─── ───╮   ╭──╮            -..  \
     /    ││  │──│  │  / ╭─╯/ ╭──╯ /    \ │   │   │  / ╭─╯              _|_|_
    │o│││││/╰─（\─╮│││──││/╰─╮/ O \
    │││││││╭─╯\ __││O││\ _ /││╭─╯\_______/
    │  _  ││  `  '  ││   ╰─╮/  \ ││      ││   │   ││   ╰─╮               /   \
    │  │  │ \      / │     │\    │ \    / │   │   ││     │               \/   \
    ╰──┴──╯  ╰──╯─╯  ╰─────╯ ╰───╯  ╰──╯  ╰───╯───╯╰─────╯               /'---'\
                                                                    ____/  |     \_____
      ╭───╮╭───╮  ╭──────╮   ╭──╮      ╭──╮ ╭───╮╭────╮  ╭───╮╭───╮      __/\____/      \_
     /    ││    \ │      │   │   \    / ╭─╯/ ╭──╯╰╮  ╭╯ /    ││    \          |            \
    ││o││_││││\ /╰─（\─╮│││╭──╯│_│/ \ __ / \'_
    ││││││╰─╯╰─╯│D││╭─╯\ __│││││╭─╮│││/ \ __ \ \
    │  _  ││  │  │  │  │     │     ││   ╰─╮/  \ │ │  │ │  ╰─ ││  │  │       \        \_\_________\
    │  │  ││  │  │  │  │     │     ││     │\    │╭╯  ╰╮│     ││  │  │        \          \     \
    ╰──┴──╯╰──┴──╯  ╰──╯     ╰─────╯╰─────╯ ╰───╯╰────╯╰─────╯╰──┴──╯         \          \

>精选清单 Ant Design 资源和相关项目. 主要思想是每个人都可以在这里做出贡献，因此我们可以拥有一个最新的Ant设计信息中央存储库.

Awesome

Ant Design是中间件的一种设计语言，由Ant Financial的体验技术部进行了改进，旨在统一中间件项目的用户界面规范，减少不必要的设计差异和实现成本，并释放设计和前端开发资源.

Resources

Ant Design的官方项目和资源.

Articles

Tools

这些工具和实用程序可帮助您使用Ant Design构建应用程序，

  • Antd Init -Ant Design样板生成器（仅用于演示，请使用dva-cli）.
  • Dva Cli -根据以下内容创建Ant Design项目 Dva.js， 一种 轻量级的基于Redux和React的前端框架，其灵感来自 Elm 和 Choo.
  • Antd Tools -非常有用的工具列表，可用于Ant Design创建文档，创建新组件，构建工具等等.
  • Antd Tools Docs -Ant Tools的文档.
  • iConfig Ant Design -样板功能，可通过一些有用的转换快速启动和运行新项目.
  • vscode-antd-rush -急于VS Code中的Ant设计
  • Antd Snippets for VS Code
  • Generator Antd Pro -一种构建Ant Design Pro应用程序的简单方法.
  • formik-antd -流行的表单状态管理库Formik的声明性绑定.
  • Zaku -基于JSX的UI编辑器，这是构建页面和生成antd代码的简便方法.
  • Antd-Pro-Generator for VS Code 从Swagger2.0或OpenApi3.x文档为Ant Design Pro生成服务/模拟/模型.

Theming

这是可以帮助您自定义主题以及在浏览器中进行更改的实用程序

Themes

Ant Design系列项目.

  • Grammar of Graphics -纯粹的javascript，功能强大的大数据语义图生成工具，提供了一组图形语法，使用户可以使用简单的语法构建大量图表，并集成了大量统计工具，Read more).
  • Ant Visualization -专业的数据可视化规范，旨在在探索数据可视化的过程中投入数年宝贵的数据模式小组工作，以与需要数据可视化理论的所有人员共享. AntV由少量零件，数据，设计规范和图表使用规则组成，（Read more).
  • Ant Motion -高效的运动设计解决方案，符合带有React实现的Ant Design Visual规范.
  • Ant UX -使用制作用于UX设计的站点地图模板 Omnigraffle, Sketch 或者 Axure . 这是一个库，可帮助设计人员定义，完善和最终确定其产品的页面间逻辑.

Angular

使用Angular和Ant Design构建的项目.

Vue.js

使用Vue.js和Ant Design构建的项目.

Blazor

使用Blazor WebAssembly和Ant Design构建的项目.

Components

使用Ant Design构建的UI组件列表.

  • antd-group-slider -一组滑块，可帮助输入具有多个范围和说明的数据. 在滑块之间进行数据同步以改善UX，避免在输入范围数据时意外丢失范围.
  • antd-table-infinity -基于antd表的无限滚动组件，支持虚拟滚动和高性能
  • react-lz-editor -基于草稿J和蚂蚁设计的开源丰富的React编辑器.
  • React Grid [不推荐使用] -基于Ant Design的Grid React UI组件.
  • Antd Kit -先进的蚂蚁设计组件.
  • antd-data-table -结合antd的Table和Form进行数据的搜索，显示和操作的组件.
  • ngx-recursive-form -基于Ant设计构建的json输入的角递归形式.
  • antd-amplify-react -用于Aws Amplify进行身份验证的Ant设计组件的集合
  • antd-password-input-strength -具有密码强度指示器的AntD输入组件.

React Hooks

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 / Enterprise类应用程序（ERP / Admin）的React Redux.
  • React Antd Starter -该项目旨在使用Ant Design和Redux开发网站/网络应用.
  • Webbf -使用Maven通过Spring，Spring MVC和Mybatis构建后端的Java演示. React，Reflux，Eebpack，jQuery，React-bootstrap和Ant Design.
  • React Redux Antd Starter -使用React，Redux和Ant Design构建的前端样板.
  • 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，Router，Babel，Express，Ant Design构建的SPA样板.
  • 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移动版.
  • Dva Ant Admin -使用Dva构建的前端样板，Ant-Design
  • Aspnet Core Antd Boilerplate -具有Asp.net核心的服务器端渲染.
  • React Redux Universal -使用React Router 4和Webpack 2.5+的通用/同构样板. 所有最新软件包.
  • CRA-TS-Antd -Create-React-App + TypeScript + Ant-Design（无弹出）.
  • Ng-Alain -基于Ant Design（带有ng-zorro-antd）的Angular Admin UI.
  • Typescript React With Mobx Starter -带有打字稿，react，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生成全栈React + Ant Design应用程序.
  • The Green Meal -Next.js，使用TypeScript编写的PostgreSQL演示应用程序.

Non-JavaScript Libraries

为非JavaScript语言编写的库列表.

Electron

  • StarCabinet -基于React，Electronand和Ant Design的基于Github Stars的跨平台工具.
  • Nowa -基于Webpack的前端插件脚手架和开发解决方案.

Icons

Design Tools and Resources

Other

Contributing

永远欢迎您的贡献！ Click Here to read the guidelines.

License

Creative Commons License

这项工作是根据 Creative Commons Attribution 4.0 International License.