All Projects → ant-design → Ant Design

ant-design / Ant Design

Licence: mit
An enterprise-class UI design language and React UI library

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
Less
1899 projects

Projects that are alternatives of or similar to Ant Design

elm-antd
The official Ant Design UI Kit for Elm
Stars: ✭ 56 (-99.93%)
Mutual labels:  design-systems, ui-kit, antd, ant-design
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (-99.5%)
Mutual labels:  design-systems, ui-kit, ui-library
Antv
Ant Design of Vue.js 2.0
Stars: ✭ 99 (-99.87%)
Mutual labels:  antd, ui-kit, ant-design
design-systems
A list of famous design systems, design languages and guidelines
Stars: ✭ 403 (-99.47%)
Mutual labels:  design-systems, ui-kit, ui-library
Bird Front
bird前端项目,基于react、antd、antd-admin,封装常用数据组件,细粒度权限解决方案。
Stars: ✭ 272 (-99.64%)
Mutual labels:  antd, ant-design
Formik Antd
Simple declarative bindings for Ant Design and Formik.
Stars: ✭ 453 (-99.41%)
Mutual labels:  antd, ant-design
Ant Design Icons
⭐ Ant Design SVG Icons
Stars: ✭ 484 (-99.37%)
Mutual labels:  antd, ant-design
Antd Visual Editor
ant-design 组件库实时可视化编辑器,实时生成 react 代码
Stars: ✭ 482 (-99.37%)
Mutual labels:  antd, ant-design
gatsby-wordpress-typescript-scss-blog
Gatsby Wordpress Typescript Blog Boilerplate
Stars: ✭ 50 (-99.93%)
Mutual labels:  antd, ant-design
Ant Design Blazor
🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.
Stars: ✭ 3,890 (-94.91%)
Mutual labels:  antd, ant-design
Vant
Lightweight Mobile UI Components built on Vue
Stars: ✭ 18,852 (-75.36%)
Mutual labels:  ui-kit, ui-library
erp-crm
IDURAR is Open Source ERP/CRM Based on Mern Stack (Node.js / Express.js / MongoDb / React.js ) with Ant Design (AntD) and Redux
Stars: ✭ 18 (-99.98%)
Mutual labels:  antd, ant-design
cloud-design
阿里云前端组件库,由混合云&公有云前端团队共建
Stars: ✭ 74 (-99.9%)
Mutual labels:  design-systems, ui-library
Jeecg Boot
「企业级低代码平台」前后端分离架构SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任何代码! 引领新的开发模式OnlineCoding->代码生成->手工MERGE,帮助Java项目解决70%重复工作,让开发更关注业务,既能快速提高效率,帮助公司节省成本,同时又不失灵活性。
Stars: ✭ 26,432 (-65.45%)
Mutual labels:  antd, ant-design
GOSH-FHIRworks2020-React-Dashboard
🩺 Fully Responsive FHIR Dashboard written using @reactjs for NHS and GOSH hackathon
Stars: ✭ 21 (-99.97%)
Mutual labels:  antd, ant-design
React Spa
React Redux,适合中大型规模应用开发,注释还算详细,配置有TypeScript、 CSS Modules、React-Router 4、koa接口mock请求等。接口埋点报错统一处理。
Stars: ✭ 327 (-99.57%)
Mutual labels:  antd, ant-design
Ant Design Dark Theme
🌚 Dark theme variables of Ant Design
Stars: ✭ 431 (-99.44%)
Mutual labels:  antd, ant-design
Ng Alain
NG-ZORRO admin panel front-end framework (surge mirror https://ng-alain-doc.surge.sh)
Stars: ✭ 4,287 (-94.4%)
Mutual labels:  antd, ant-design
Pro Table
🏆 Use Ant Design Table like a Pro!
Stars: ✭ 543 (-99.29%)
Mutual labels:  antd, ant-design
UUI
React-based components and accelerators library built by EPAM Systems.
Stars: ✭ 90 (-99.88%)
Mutual labels:  ui-kit, ui-library

Ant Design

An enterprise-class UI design language and React UI library.

CI status codecov NPM version NPM downloads

Renovate status Total alerts

Follow Twitter FOSSA Status Discussions Issues need help

English | Português | 简体中文 | Українською

Features

  • 🌈 Enterprise-class UI designed for web applications.
  • 📦 A set of high-quality React components out of the box.
  • 🛡 Written in TypeScript with predictable static types.
  • ⚙️ Whole package of design resources and development tools.
  • 🌍 Internationalization support for dozens of languages.
  • 🎨 Powerful theme customization in every detail.

🖥 Environment Support

  • Modern browsers and Internet Explorer 11 (with polyfills)
  • Server-side Rendering
  • Electron
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 Install

npm install antd
yarn add antd

🔨 Usage

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

And import style manually:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

TypeScript

antd is written in TypeScript with complete definitions, check Use in TypeScript to get started.

🌍 Internationalization

Dozens of languages supported in antd, see i18n.

🔗 Links

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ git clone [email protected]:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

Open your browser and visit http://127.0.0.1:8001 , see more at Development.

🤝 Contributing PRs Welcome

Read our contributing guide and let's build a better antd together.

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)

If you are a collaborator, please follow our Pull Request principle to create a Pull Request with collaborator template.

Let's fund issues in this repository

❤️ Sponsors and Backers

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].