cbor88 / awesome-ant-design Goto Github PK

                                                                       ---.
      ____  __    __    ___  _____  ___   ___ ___    ___              -..  \
     /    ||  |__|  |  /  _]/ ___/ /   \ |   |   |  /  _]               _|_|_
    |  o  ||  |  |  | /  [_(   \_ |     || _   _ | /  [_              /  O    \
    |     ||  |  |  ||    _]\__  ||  O  ||  \_/  ||    _]             \_______/
    |  _  |l  `  '  !|   [_ /  \ ||     ||   |   ||   [_                 /   \
    |  |  | \      / |     |\    |l     !|   |   ||     |                \/   \
    l__j__j  \_/\_/  l_____j \___j \___/ l___j___jl_____j                /'---'\
                                                                    ____/  |     \_____
      ____  ____   ______     ___      ___  _____ ____   ____  ____      __/\____/      \_
     /    ||    \ |      |   |   \    /  _]/ ___/l    j /    ||    \          |            \
    |  o  ||  _  ||      |   |    \  /  [_(   \_  |  | |   __j|  _  |        / \__  /\      '_
    |     ||  |  |l_j  l_j   |  D  ||   _]\__   | |  | |  |  ||  |  |       /     \__ \        \
    |  _  ||  |  |  |  |     |     ||   [_ /  \ | |  | |  l_ ||  |  |       \        \_\_________\
    |  |  ||  |  |  |  |     |     ||     T\    | j  l |     ||  |  |        \          \     \
    l__j__jl__j__j  l__j     l_____jl_____j \___j+____jl___,_jl__j__j         \          \

A curated list of Ant Design resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about Ant Design that we keep up-to-date.

Inspired by the awesome list thing.

• Resources
• Tools
• Related Projects
• Vue.js
• Made with Ant Design
• Components
• Applications
• Frameworks
• Similar
• Contributing

Official projects and resources of Ant Design,

• Ant Design: An enterprise-class UI design language and React-based implementation. Efforts to translate the site into English are already paying off and progress can be followed here.

• Ant Design Mobile: A configurable Mobile UI specification and React-based implementation.

• Ant Design of React: Graceful UI components out of the box, based on React.

• Ant Design of Ember: CloudJ Enterprise-class UI framework based on Ant Design and Emberjs.

• Ant Design icons in SVG format: svg-icon is a project to transform regular icon fonts into SVG format, supporting Ant Design icon fonts.

These are tools and utilities to help you build apps using Ant Design,

• Antd Init: Ant Design boilerplate generator.

• Antd Tools: Very useful list of tools for Ant Design to create documentation, create new components, build tools and many more.

• Antd Tools Docs: Documentations for Ant Tools.

• iConfig Ant Design: use as a boilerplate for quickly getting a new project up and running with a few useful transforms.

Ant Design family of projects,

• G2: The Grammar of Graphics, a pure javascript, powerful semantic graph generation tool which provides a set of graphical syntax that lets users build with simple syntax a myriad of charts and integrates a large number of statistical tools supports multiple coordinate systems, allowing users the freedom to get custom graphics. Visualization is a powerful tool for the era of big data, (Original).

• Ant Visualization: A professional data visualization specification that aims to put several years of valuable data pattern group in the process of exploring data visualization precipitate things, summed up, to share with all people who need data visualization theory. AntV consists of few parts, data, design specifications and rules for use of the chart. The former from the interactive and visual point of view, summed up the design specification data chart. The latter function starting from the data in the chart for most chart Currently we encountered were classified, and each data table function, composition, contrast, application, variants were analyzed and summarized. Each data page has a chart details our carefully prepared wonderful examples, as we believe this will provide the most intuitive real feelings in the process of learning to read, (Original).

• Ant Motion: A efficient motion design solutions that complies with Ant Design Visual specification with React implementation. Create your own template with this awesome tool provided by the folks at Ant Design here.

• Ant UX: Make a sitemap template for UX design using Omnigraffle, Sketch or Axure. This is a library which assists designers to define, refine and finalize the inter-page logic of their products. At the early stage of the product design process, you can use it to draw the logic diagram between pages. Throughout this process, it can help you visualize and understand product architectures and business processes more easily.

Projects that are built with Vue.js and Ant Design,

• Ant Design of Vue: Vue UI components for Ant Design.

• Vue Beauty: Beautiful UI components build with vue and ant design.

• Vue Ant UI: Ant UI components built in Vue.js.

• Ant Design Vue: Vue version of Ant Design.

A mixed quality list of starter projects, boilerplates and applications built with Ant Design (some in early stage),

• Star Admin: Demo with react, ant-design, redux, react-router, webpack and babel.

• Playground: A playground/starter for React and Ant Design library.

• React SPA: Starter project using React, Router, ES6, Fetch, Babel, Webpack, Npm, MockJs, FontAwesome, AnimateCSS, Antd, LESS and jQuery.

• React Start Kit: A boilerplate of SPA, built with React.js, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design.

• React Admin: React Ant design Admin UI (username: admin, password: 123456).

• Semantic Ant: a custom theme for building beautiful modern Web apps with the combined awesomeness of Semantic-UI framework and the elegant minimal styles of Ant Design for beautiful and responsive layouts.

• React Redux: React redux for CMS/Enterprise class App/ERP/Admin with ant-design.

• React Isomorphic: uses React, react-router, redux, koa, koa-router built isomorphic applications.

• Webbf: Java demo that uses maven to build the backend with spring, spring mvc and mybatis. React, reflux, webpack, jquery, react-bootstrap and Ant Design components.

• Start Kit: Ant Design of React start kit.

• React Redux Intro: this project used Ant Design and can be configured to initialize a React-Redux dependencies.

• CL React: based on Ant Design front-end framework structures for enterprise back-office software.

• TODO MVC: Todo list with React and Ant Design.

• Starter Kit: Ant Design,Typescript, React, Redux, Webpack starter kit.

• Typescript React: Using the following technologies, typescript, webpack and React.

• Koa: React, Ant Design and Koa.

• React Boilerplate: React Admin front-end project boilerplate (Based on Ant Design).

• React Antd Starter: This project is designed to help those who use Ant Design to develop a website (or web app). Maybe also need to use redux, router and so on.

• Antd Redux Boilerplate: Boilerplate project base on Ant Design & Redux.

• React Antd Starter Kit: Uses Ant Design React & Redux.

• React Redux Antd Starter: A React + Redux + Ant-Design front-end boilerplate.

• React Antd: React, Redux & Ant Design.

A list of UI Components built with Ant Design,

• React Grid: Grid React UI Component, based on Ant Design.

• Antd Kit: Advanced ant design components.

A list of mature apps built with Ant Design,

• Eevee: Based on github page online editing blog platform. The project is based React + Ant Design + GitHub API.

A list of frameworks using Ant Design,

• R2: A framework to scaffold apps based on Ant Design React Components that is built with React and Redux. R2 comes with a Page builder, Layout manager and many other features that will speed up the development process. Check out the demo app. You will need to register and validate email to view the admin panel.

If you love Ant Design, you might also like to know about:

• Awesome PatternFly: A list of resources for PatternFly, a community of designers and developers collaborating to build a UI framework for enterprise web applications.

Your contributions are always welcome! Click Here to read the guidelines.

• Awesome

• Awesome-awesome

• Awesome-awesomeness

This work is licensed under a Creative Commons Attribution 4.0 International License.