Need advice about which tool to choose?Ask the StackShare community!

Ant Design

876
1.5K
+ 1
214
Material Design

548
792
+ 1
11
Add tool

Ant Design vs Material Design: What are the differences?

Ant Design: A set of high-quality React components. An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework; Material Design: Google's Material Design. Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

Ant Design belongs to "JavaScript Framework Components" category of the tech stack, while Material Design can be primarily classified under "Front-End Frameworks".

"Polished and enterprisey look and feel" is the top reason why over 5 developers like Ant Design, while over 2 developers mention "They really set a new bar in design" as the leading cause for choosing Material Design.

Ant Design is an open source tool with 48.6K GitHub stars and 17.2K GitHub forks. Here's a link to Ant Design's open source repository on GitHub.

Google, SkyQuest, and GEMServers are some of the popular companies that use Material Design, whereas Ant Design is used by Telepath, XPrep, and Arhia. Material Design has a broader approval, being mentioned in 25 company stacks & 38 developers stacks; compared to Ant Design, which is listed in 24 company stacks and 33 developer stacks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Ant Design
Pros of Material Design
  • 43
    Lots of components
  • 34
    Polished and enterprisey look and feel
  • 22
    TypeScript
  • 20
    Easy to integrate
  • 18
    Es6 support
  • 17
    Beautiful and solid
  • 16
    Beautifully Animated Components
  • 15
    Quick Release rhythm
  • 14
    Great documentation
  • 14
    Typescript support
  • 1
    Easy to customize Forms
  • 4
    They really set a new bar in design
  • 3
    An intuitive design
  • 2
    Simply, And Beautiful
  • 2
    Many great libraries
  • 0
    Composants

Sign up to add or upvote prosMake informed product decisions

Cons of Ant Design
Cons of Material Design
  • 19
    Less
  • 8
    Large File Size
  • 4
    Poor accessibility support
  • 1
    Dangerous to use as a base in component libraries
  • 2
    Sometimes, it can hang the browser

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is Ant Design?

An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.

What is Material Design?

Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

Need advice about which tool to choose?Ask the StackShare community!

Jobs that mention Ant Design and Material Design as a desired skillset
What companies use Ant Design?
What companies use Material Design?
See which teams inside your own company are using Ant Design or Material Design.
Sign up for StackShare EnterpriseLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Ant Design?
What tools integrate with Material Design?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Ant Design and Material Design?
Material-UI
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Semantic UI
Semantic empowers designers and developers by creating a shared vocabulary for UI.
Semantic UI React
Semantic UI React is the official React integration for Semantic UI. jQuery Free, Declarative API, Shorthand Props, and more.
Blueprint
Blueprint is a React UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications. If you rely heavily on mobile interactions and are looking for a mobile-first UI toolkit, this may not be for you.
See all alternatives