Git Product home page Git Product logo

awesome-ant-design's Introduction

                                                                       ---.
      ____  __    __    ___  _____  ___   ___ ___    ___              -..  \
     /    ||  |__|  |  /  _]/ ___/ /   \ |   |   |  /  _]               _|_|_
    |  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.

Awesome

Ant Design, a design language for middleware, is refined by Experience Technology Department of Ant Financial, aims to uniform the user interface specs for middleware projects, reduce the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development.

Contents

Resources

Official projects and resources of Ant Design,

  • Ant Design - 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 - 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 - Enterprise-class UI framework based on Ant Design and Emberjs.
  • Ant Design SVG Icons - Project to transform regular icon fonts into SVG format, supporting Ant Design icon fonts.

Tools

These are tools and utilities to help 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 - Boilerplate for quickly getting a new project up and running with a few useful transforms.

Related Projects

Ant Design family of projects,

  • Grammar of Graphics - Pure javascript, powerful semantic graph generation tool for big data 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, (Read more).
  • Ant Visualization - Professional data visualization specification that aims to put several years of valuable data pattern group work in the process of exploring data visualization 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, (Read more).
  • Ant Motion - 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.
  • Semantic Ant - 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.

Vue.js

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

Components

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.

Applications

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 and GitHub API.

Frameworks

A list of frameworks using Ant Design,

  • R2 - 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.

Boilerplates

A list of starter projects and boilerplates built with Ant Design,

  • React SPA - Building SPA with React, Router, ES6, Fetch, Babel, Webpack, Npm, MockJs, FontAwesome, AnimateCSS, Ant Design, LESS and jQuery.
  • React Admin - React Admin UI built on Ant Design (username: admin, password: 123456).
  • React Redux - React Redux for CMS/Enterprise class apps (ERP/Admin) built with Ant Design.
  • React Antd Starter - This project is designed to develop website/web apps using Ant Design and Redux.
  • Webbf - Java demo that uses Maven to build the backend with Spring, Spring MVC and Mybatis. React, Reflux, Eebpack, jQuery, React-bootstrap and Ant Design.
  • React Redux Antd Starter - Front-end boilerplate built with React, Redux and Ant Design.
  • Koa - Example app to build Admin UI built with React, Ant Design and Koa.
  • Star Admin - Demo app built with React, Ant Design, Redux, React-router, Webpack and Babel.
  • React Redux Intro - Demo app built with Ant Design and can be configured to initialize a Redux dependencies.
  • React Start Kit - SPA Boilerplate built with React, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design.
  • CL React - Based on Ant Design front-end framework structures for enterprise back-office software.
  • TODO MVC - Todo list built with React and Ant Design.
  • React Boilerplate - React Admin front-end boilerplate built with Ant Design.

Contributing

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

License

Creative Commons License

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

awesome-ant-design's People

Contributors

leungwensen avatar websemantics avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.