websemantics/awesome-ant-design websemantics/awesome-ant-design

  • Stars
    star
    3,027
  • Rank 14,770 (Top 0.3 %)
  • Language
  • License
    Other
  • Created about 8 years ago
  • Updated about 1 year ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
websemantics/awesome-ant-design
github

websemantics

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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 
                                                                       ---.
      โ•ญโ”€โ”€โ”€โ•ฎโ•ญโ”€โ”€โ•ฎ  โ•ญโ”€โ”€โ•ฎ   โ•ญโ”€โ”€โ•ฎ โ•ญโ”€โ”€โ”€โ•ฎ  โ•ญโ”€โ”€โ•ฎ  โ•ญโ”€โ”€โ”€ โ”€โ”€โ”€โ•ฎ   โ•ญโ”€โ”€โ•ฎ            -..  \
     /    โ”‚โ”‚  โ”‚โ”€โ”€โ”‚  โ”‚  / โ•ญโ”€โ•ฏ/ โ•ญโ”€โ”€โ•ฏ /    \ โ”‚   โ”‚   โ”‚  / โ•ญโ”€โ•ฏ              _|_|_
    โ”‚  o  โ”‚โ”‚  โ”‚  โ”‚  โ”‚ /  โ•ฐโ”€(   \โ”€โ•ฎโ”‚      โ”‚โ”‚ โ”€   โ”€ โ”‚ /  โ•ฐโ”€โ•ฎ            /  O    \
    โ”‚     โ”‚โ”‚  โ”‚  โ”‚  โ”‚โ”‚   โ•ญโ”€โ•ฏ\__  โ”‚โ”‚   O  โ”‚โ”‚  \_/  โ”‚โ”‚   โ•ญโ”€โ•ฏ            \_______/
    โ”‚  _  โ”‚โ”‚  `  '  โ”‚โ”‚   โ•ฐโ”€โ•ฎ/  \ โ”‚โ”‚      โ”‚โ”‚   โ”‚   โ”‚โ”‚   โ•ฐโ”€โ•ฎ               /   \
    โ”‚  โ”‚  โ”‚ \      / โ”‚     โ”‚\    โ”‚ \    / โ”‚   โ”‚   โ”‚โ”‚     โ”‚               \/   \
    โ•ฐโ”€โ”€โ”ดโ”€โ”€โ•ฏ  โ•ฐโ”€โ”€โ•ฏโ”€โ•ฏ  โ•ฐโ”€โ”€โ”€โ”€โ”€โ•ฏ โ•ฐโ”€โ”€โ”€โ•ฏ  โ•ฐโ”€โ”€โ•ฏ  โ•ฐโ”€โ”€โ”€โ•ฏโ”€โ”€โ”€โ•ฏโ•ฐโ”€โ”€โ”€โ”€โ”€โ•ฏ               /'---'\
                                                                    ____/  |     \_____
      โ•ญโ”€โ”€โ”€โ•ฎโ•ญโ”€โ”€โ”€โ•ฎ  โ•ญโ”€โ”€โ”€โ”€โ”€โ”€โ•ฎ   โ•ญโ”€โ”€โ•ฎ      โ•ญโ”€โ”€โ•ฎ โ•ญโ”€โ”€โ”€โ•ฎโ•ญโ”€โ”€โ”€โ”€โ•ฎ  โ•ญโ”€โ”€โ”€โ•ฎโ•ญโ”€โ”€โ”€โ•ฎ      __/\____/      \_
     /    โ”‚โ”‚    \ โ”‚      โ”‚   โ”‚   \    / โ•ญโ”€โ•ฏ/ โ•ญโ”€โ”€โ•ฏโ•ฐโ•ฎ  โ•ญโ•ฏ /    โ”‚โ”‚    \          |            \
    โ”‚  o  โ”‚โ”‚  _  โ”‚โ”‚      โ”‚   โ”‚    \  /  โ•ฐโ”€(   \โ”€โ•ฎ โ”‚  โ”‚ โ”‚  โ•ญโ”€โ”€โ•ฏโ”‚  _  โ”‚        / \__  /\      '_
    โ”‚     โ”‚โ”‚  โ”‚  โ”‚โ•ฐโ”€โ•ฏ  โ•ฐโ”€โ•ฏ   โ”‚  D  โ”‚โ”‚   โ•ญโ”€โ•ฏ\__  โ”‚ โ”‚  โ”‚ โ”‚  โ”‚โ•ญโ”€โ•ฎโ”‚  โ”‚  โ”‚       /     \__ \        \
    โ”‚  _  โ”‚โ”‚  โ”‚  โ”‚  โ”‚  โ”‚     โ”‚     โ”‚โ”‚   โ•ฐโ”€โ•ฎ/  \ โ”‚ โ”‚  โ”‚ โ”‚  โ•ฐโ”€ โ”‚โ”‚  โ”‚  โ”‚       \        \_\_________\
    โ”‚  โ”‚  โ”‚โ”‚  โ”‚  โ”‚  โ”‚  โ”‚     โ”‚     โ”‚โ”‚     โ”‚\    โ”‚โ•ญโ•ฏ  โ•ฐโ•ฎโ”‚     โ”‚โ”‚  โ”‚  โ”‚        \          \     \
    โ•ฐโ”€โ”€โ”ดโ”€โ”€โ•ฏโ•ฐโ”€โ”€โ”ดโ”€โ”€โ•ฏ  โ•ฐโ”€โ”€โ•ฏ     โ•ฐโ”€โ”€โ”€โ”€โ”€โ•ฏโ•ฐโ”€โ”€โ”€โ”€โ”€โ•ฏ โ•ฐโ”€โ”€โ”€โ•ฏโ•ฐโ”€โ”€โ”€โ”€โ•ฏโ•ฐโ”€โ”€โ”€โ”€โ”€โ•ฏโ•ฐโ”€โ”€โ”ดโ”€โ”€โ•ฏ         \          \

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 - An Enterprise-class UI design language and React-based implementation.
  • Ant Design Pro - An out-of-box UI solution for enterprise applications ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
  • 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 SVG Icons - Project to transform regular icon fonts into SVG format, supporting Ant Design icon fonts.

Articles

Tools

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

  • Antd Init - Ant Design boilerplate generator (for demo only, use dva-cli).
  • Dva Cli - Create Ant Design projects based on Dva.js, a lightweight front-end framework based on Redux and React and inspired by Elm and Choo.
  • 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.
  • vscode-antd-rush - Rush to Ant Design in VS Code
  • Antd Snippets for VS Code
  • Generator Antd Pro - An easy way to build your Ant Design Pro application.
  • formik-antd - Declarative bindings for the popular form state management library Formik.
  • Zaku - JSX-based UI editor, easy way to build page and generate antd code.
  • Antd-Pro-Generator for VS Code Generate Service/Mock/Model from Swagger2.0 or OpenApi3.x docs for Ant Design Pro.

Theming

Here are utilities that can help you customize your theme and ability to change it in browser

Themes

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

Angular

Projects that are built with Angular and Ant Design.

Vue.js

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

  • ant-design-vue - Ant Design of Vue.js 2.5.0+.
  • Vue.js Beauty - Beautiful UI components build with Vue.js and Ant Design.
  • Vue.js Ant UI - Ant Design UI components built in Vue.js.
  • Ant Design Vue - Vue.js version of Ant Design.
  • antue - A set of enterprise-class Vue UI components, following the Ant Design specification completely.
  • vue-antd-admin - Ant Design Pro's implementation with Vue

Blazor

Projects that are built with Blazor WebAssembly and Ant Design.

Components

A list of UI components built with Ant Design.

  • antd-group-slider - A group of sliders that help input data with multiple ranges & description. Have data sync between sliders to improve UX, avoid accidental missing range during inputing range data.
  • antd-table-infinity - An infinite scroll component based on antd table that supports virtual scrolling & high-performance
  • react-lz-editor - An open source rich react editor based on draft-Js and ant design.
  • React Grid [Deprecated] - Grid React UI Component based on Ant Design.
  • Antd Kit - Advanced Ant Design components.
  • antd-data-table - A component that combines antd's Table and Form to do the search, display, and operating jobs for data.
  • ngx-recursive-form - Angular recursive form based on json input built with Ant Design.
  • antd-amplify-react - A collection of Ant Design component for Aws Amplify for Authentication
  • antd-password-input-strength - AntD Input component with password-strength indicator.
  • antd-amiya - Page level components and with table and form.

React Hooks

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.
  • Productivity Application - Kanban style, Trello inspired Productivity application built using React, Ant Design and other fantastic modules.

Boilerplates

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

  • Ant Design Pro - An out-of-box UI solution for enterprise applications ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
  • Scaffold Market - scaffolds and boilerplates using Ant Design
  • Antd Admin - A admin dashboard application demo built upon Ant Design and Dva.js.
  • Meteor Antd Boilerplate - A basic social network built using Antd and Meteor. Example
  • 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.
  • Dva Antd Starter - Get started with Dva.js and Ant Design.
  • Dva Antd Mobile Starter - Get started with Dva.js and Ant Design mobile.
  • Dva Ant Admin - A front-end boilerplate built with Dva, Ant-Design
  • Aspnet Core Antd Boilerplate - Server Side Rendering with Asp.net core.
  • React Redux Universal - Universal/Isomorphic boilerplate using react router 4 and webpack 2.5+. All latest packages.
  • CRA-TS-Antd - Create-React-App + TypeScript + Ant-Design (without Eject).
  • Ng-Alain - Angular Admin UI built on Ant Design (with ng-zorro-antd).
  • Typescript React With Mobx Starter - a starter-template with typescript, react, mobx, antd and webpack).
  • React-PWA, PawJS and AntDesign - A pluggable boilerplate with SEO, PWA, SSR, Skeleton, Placeholders, etc. as some of its many features.
  • Create React App + Ant Design - Use antd in create-react-app without ejecting
  • ScaffoldHub.io - Generate fullstack React + Ant Design applications with MongoDB, SQL or Firebase Firestore.
  • The Green Meal - Next.js, PostgreSQL demo app written in TypeScript.
  • react-vite-admin - React, Recoil, React Query, React Hooks, Typescript, Axios.

Non-JavaScript Libraries

A list of libraries that are written for non-JavaScript languages.

  • Antizer - Ant Design library for ClojureScript, an immutable, functional language that cross-compiles to JavaScript.
  • syn-antd - Ant Design wrapper for ClojureScript and Reagent using shadow-cljs with tree-shaking support. As with other ClojureScript libraries, it cross-compiles to JavaScript.

Electron

  • StarCabinet - Github Stars-based cross-platform tool based on React, Electronand and Ant Design.
  • Nowa - A webpack based front-end plug-in scaffolding and development solution.

Icons

Design Tools and Resources

Other

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.

More Repositories

1

awesome-synthetic-biology

A curated list of Synthetic Biology / Genetic Engineering projects, articles and resources. The main idea is that everyone can contribute here, so we can have a central repository of informations about this fascinating subject that we all can keep up-to-date.
163
star
2

Image-Select

Image Select is an extension of Chosen, a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. It provides image support for Single and Multi select HTML tags.
HTML
149
star
3

vimeo-upload

Upload videos to your Vimeo account and update their metadata directly from a browser or a Node.js app
JavaScript
114
star
4

strong-together

A starter project to build single page Vue.js apps as stand-alone or for Laravel / Laravel Spark projects; based on Browserify and Semantic-UI.
CSS
89
star
5

file-icons-js

File specific icons for Javascript. A port of Atom File-icons (see https://github.com/file-icons/atom)
JavaScript
78
star
6

semantic-dojo

A responsive Dojo theme that harnesses the style awesomeness of Semantic-ui framework.
HTML
69
star
7

Color-Palette-Toolkit

Turns color values from an Image or PhotoShop ACO file into a list of named colors, lighter and darker shades, css classes and a beautiful style guide.
JavaScript
56
star
8

gh-pages-spa

Easy way to enable Single Page Applications for GitHub Pages
JavaScript
39
star
9

vuejs-schema-form

Generate forms from a JSON schema, with Vue.js! http://vuejsform.io
38
star
10

semantic-ant

Ant Design inspired theme for Semantic-UI
JavaScript
37
star
11

pyrocms-cheatsheet

A list of commands and features for PyroCMS 3.
CSS
32
star
12

awesome-pyrocms

A curated list of PyroCMS addons and resources.
28
star
13

codepen-puppeteer

Use Puppeteer to download pens from Codepen.io as single html pages
JavaScript
22
star
14

hotdraw.js

HotDraw.js is a JavaScript Graphical User Interface (GUI) framework for developing structured drawing editors
JavaScript
19
star
15

awesome-quantum-computing

A curated list of Quantum Computing resources, articles, programming languages and projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about this mind-boggling subject that we all can keep up-to-date.
19
star
16

lolviz.js

A faithful (albeit optimized) port of Terence Parr List of Lists Visualization library, https://github.com/parrt/lolviz from Python to Javascript.
JavaScript
19
star
17

ant-strap

An elegant CSS Framework built after Ant Design using Bootstrap 4.
CSS
16
star
18

pyrocms-theme

Skinnable, responsive and highly customizable admin theme for PyroCMS 3
CSS
15
star
19

Oea.svg

SVG GUI and Graphics Library built following Java Swing. The Oea Framework provides three Javascript libraries, 1- Draw2D.svg, 2- Java.js and 3- Swing.svg to build SVG GUI applications
JavaScript
15
star
20

stone-theme

๐Ÿ—ฟ Responsive admin theme for PyroCMS 3 that's easy to install and customize, with slick ui and intuitive user experience.
CSS
13
star
21

bragit

Show off your Github repository buttons with elegance using Semantic-ui labeled buttons.
JavaScript
13
star
22

builder-extension

Scaffold your PyroCMS apps in style for a more pleasurable and productive coding experience.
PHP
12
star
23

markdown-browser

Github flavoured, local file browser (a single PHP file without dependencies) for viewing your project's markdown documentation files. Also, see https://github.com/websemantics/markdown-browser-plus
PHP
12
star
24

markdown-browser-plus

Github flavoured, local file browser for viewing your project's markdown documentation files.
CSS
11
star
25

phosphorjs-starter-kit

A full-featured PhosphorJS + Webpack starter kit with live reload, linting, and fast development setup.
CSS
9
star
26

spark-docker

Docker container for Laravel Spark
Nginx
8
star
27

linux.js

A personal playground for Jor1k, a OR1K Emulator running Linux.
HTML
8
star
28

brimer

The base coat of GitHub, Primer as a Bootstrap 4 theme
CSS
7
star
29

ascii-art

A collection of ascii art I "designed" for few open source projects,
6
star
30

hyperapp-lifecycle

Small wrapper for Hyperapp and Superfine to emulate 'connected' and 'disconnected' lifecycle events.
JavaScript
6
star
31

masonry-plus

Extends the masonry plugin (Cascading grid layout library) by David DeSandro to filter and shuffle items
JavaScript
6
star
32

super-tiny-splitpane

Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts
JavaScript
6
star
33

semanticui-theme

Generic Semantic UI theme for PyroCMS 3. Semantic offers complete design freedom.
JavaScript
5
star
34

themeblr

A powerful CSS framework boilerplate and Bootstrap v4.alpha.4 themes builder
JavaScript
5
star
35

boxed

Lightweight Boilerplate Generator that does not require the Command-line Interface (CLI) to customize software addons and packages, for the Visually-oriented Developers.
JavaScript
5
star
36

laravel-spark-cheatsheet

Laravel Spark Cheat Sheet
CSS
4
star
37

ionic-react-conference-app

A conference app built with Ionic React in Javascript without a build step.
JavaScript
4
star
38

file-icons

File specific icons for PHP. A port of Atom File-icons, https://github.com/file-icons/atom
PHP
3
star
39

ionic-react-blank-app

A starter app built with Ionic React in Javascript without a build step.
JavaScript
3
star
40

awesome-patternfly

A curated list of PatternFly resources and projects.
3
star
41

lcss2php

A straightforward library that extracts variable declarations from multiple Less / Scss sources and returns a PHP associative array.
PHP
3
star
42

Browser.js

Browser.js is an implementation of MathML, HTML and SVG Layout Manager and CSS Processor (i.e. Browser) in JavaScript.
JavaScript
3
star
43

semantic-strap

Beautiful and responsive CSS toolkit inspired by Semantic-UI, built with Bootstrap 4
CSS
3
star
44

auto-pyro

PyroCMS deploy tool for faster and more pleasurable development experience
PHP
2
star
45

social-field_type

The social field type provides a dropdown input of social netwroks
PHP
2
star
46

markdown-html-ast

Simplified Markdown to HTML parser
JavaScript
2
star
47

awesome-super-tiny

List of useful Super Tiny repositories.
2
star
48

gitters

Straightforward Github reader with cache.
JavaScript
2
star
49

semavue

[DEPRECATED] Semantic-ui components built with pure Vue.js
2
star
50

service-workers

A simple implementation of off-line content cache based on service workers,
HTML
2
star
51

ionic-react-photo-gallery-app

A photo gallery app built with Ionic React and Capacitor in Javascript without a build step.
JavaScript
2
star
52

atom-styleguide

Browser-based styleguide show you all the UI components used in Atom
HTML
2
star
53

svg-tools

Process and optimize svg files,
JavaScript
2
star
54

pyrocms-requests

Get PyroCMS projects and ideas built by the community
2
star
55

streams_platform-extension

This example extension is a how-to guide to extending the Stream Platform core
PHP
2
star
56

ionic-react-sidemenu-app

A starter app built with Ionic React in Javascript without a build step.
JavaScript
2
star
57

larder

Straightforward, in browser cache using local storage.
JavaScript
2
star
58

calendar-module

Calendar layout for PyroCMS 3 CP Table Builder
PHP
2
star
59

figlet-browserify

Figlet.js with Browserify
JavaScript
2
star
60

the-ten-commandments-for-exceptional-developers

Code of conduct for exceptional developers to live by in 10 simple to follow commands, freshly relieved by his holiness ..
JavaScript
2
star
61

Strawberry-AI

Learning to open the web doors, .. the idea is to create an AI that learns how to register and login to webpages.
JavaScript
2
star
62

timetable-module

Manage time or it will take over your life. Fight back with timely organized events/actions nicely presented in a Calendar, voila!
PHP
1
star
63

audiz

Audio visualizer, making sound waves interesting.
HTML
1
star
64

icons-module

Manage icon definitions from Control Panel
PHP
1
star
65

vscode-scrollbar

Synthetic scrollbar with transparent track and style-able knob
JavaScript
1
star
66

ionic-react-tabs-app

A starter app built with Ionic React in Javascript without a build step.
JavaScript
1
star
67

ionic-react-test-app

A test app built with Ionic React in Javascript without a build step.
JavaScript
1
star
68

boxed-github-repository

Default template for new Github projects that deploys to gh-pages and uses Semantic UI framework.
HTML
1
star
69

expressiva

Variant ways to deliver meaning ..ส•โ€ขอกอ“โ€ขส”-อกฬซ-ส•โ€ขอกฬซโ€ขส”*อกฬซ*ส”-อกฬซ-ส•*อกฬซ*ส•-อกฬซ-ส” ..
1
star
70

generator-svg-smart

Template & data driven system to generate your needs of SVG, PNG and ICON files.
JavaScript
1
star
71

svg-smart

A Node.js module that generates all your svg, png, icon and svg sprites needs using a data-driven svg template system
JavaScript
1
star
72

scaffolder

Generic data driven repository scaffolder for Github
1
star
73

builder-blog-example

Working example for Entity Builder Extension
PHP
1
star
74

oeasvg.com

Oea.svg Website
CSS
1
star
75

gulp-svg-smart

Gulp plugin for svg-sprites module to generates all your svg, png, icon and svg sprites needs using a data-driven svg template system
JavaScript
1
star
76

pyro-entity

An Entity is a representation of an Object Type which may correspond with a Stream,.. for example, a Person, a Company or an Animal can all be generated as Pyro Entities
PHP
1
star
77

PyroCMS-StreamsCRUD

This module makes it easy to take advantage of PyroCMS Streams Core by providing a simple CRUD controller, and an easy way to add streams and streams data.
PHP
1
star
78

placeholder-plugin

This plugin provides a quick and simple way for generating crystal-clear image placeholders using SVG
PHP
1
star
79

journey

Capture your learning journey with the world and connect with awesome people who share your passion.
1
star
80

semantic-dojo-styles

The stylish side of Semantic-Dojo
CSS
1
star
81

boxed-customized-startbootstrap

This is a Boxed (http://websemantics.github.io/boxed) customizable version of the one page HTML theme for freelancers created by Start Bootstrap (https://github.com/IronSummitMedia/startbootstrap-freelancer)
HTML
1
star