Ant Design

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

A curated list of 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工具的文档.
  • iConfig Ant Design -样板功能，可通过一些有用的转换快速启动和运行新项目.
  • Antd Snippets for VS Code
  • Generator Antd Pro -一种构建Ant Design Pro应用程序的简单方法.
  • formik-antd -流行的表单状态管理库Formik的声明性绑定.
  • Zaku -基于JSX的UI编辑器，这是构建页面和生成antd代码的简便方法.

Theming

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

  • antd-theme-webpack-plugin -一个webpack插件，用于生成您的自定义主题文件.
  • antd-theme-generator -一个简单的脚本，用于生成主题特定的较少文件，可在任何环境中使用.
  • dynamic-antd-theme -一个简单的插件，可以动态更改蚂蚁设计主题，无论是更少还是CSS.

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构建的项目.

Components

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

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设计构建的前端样板.
  • 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.