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

Ant Design

1.1K
1.7K
+ 1
224
Vue CLI

438
469
+ 1
3
Add tool

Ant Design vs Vue CLI: What are the differences?

What is 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.

What is Vue CLI? Standard Tooling for Vue.js Development. Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with config.

Ant Design can be classified as a tool in the "UI Components" category, while Vue CLI is grouped under "JavaScript Framework Components".

Some of the features offered by Ant Design are:

  • Cases
  • Principles
  • Proximity

On the other hand, Vue CLI provides the following key features:

  • Feature Rich - Out-of-the-box support for Babel, TypeScript, ESLint, PostCSS, PWA, Unit Testing & End-to-end Testing.
  • Extensible
  • No Need to Eject

Ant Design and Vue CLI are both open source tools. It seems that Ant Design with 52.6K GitHub stars and 18.8K forks on GitHub has more adoption than Vue CLI with 23K GitHub stars and 4.07K GitHub forks.

AgFlow, Alipay, and The Knot are some of the popular companies that use Ant Design, whereas Vue CLI is used by La Cupula Music SL, Evaluar, and Auterion. Ant Design has a broader approval, being mentioned in 98 company stacks & 190 developers stacks; compared to Vue CLI, which is listed in 5 company stacks and 55 developer stacks.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Ant Design
Pros of Vue CLI
  • 48
    Lots of components
  • 33
    Polished and enterprisey look and feel
  • 21
    TypeScript
  • 21
    Easy to integrate
  • 18
    Es6 support
  • 17
    Typescript support
  • 17
    Beautiful and solid
  • 16
    Beautifully Animated Components
  • 15
    Quick Release rhythm
  • 14
    Great documentation
  • 2
    Easy to customize Forms
  • 2
    Opensource and free of cost
  • 1
    GUI for installing dependencies
  • 1
    Visual Web Interface
  • 1
    Detects and run npm tasks

Sign up to add or upvote prosMake informed product decisions

Cons of Ant Design
Cons of Vue CLI
  • 24
    Less
  • 10
    Large File Size
  • 4
    Poor accessibility support
  • 3
    Dangerous to use as a base in component libraries
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    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 Vue CLI?

    Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with config.

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

    What companies use Ant Design?
    What companies use Vue CLI?
    Manage your open source components, licenses, and vulnerabilities
    Learn More

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

    What tools integrate with Ant Design?
    What tools integrate with Vue CLI?

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

    What are some alternatives to Ant Design and Vue CLI?
    Material-UI
    Material UI is a library of React UI components that implements Google's 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