Need advice about which tool to choose?Ask the StackShare community!
Ant Design vs Semantic UI: 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 Semantic UI? A UI Component library implemented using a set of specifications designed around natural language. Semantic empowers designers and developers by creating a shared vocabulary for UI.
Ant Design and Semantic UI are primarily classified as "JavaScript Framework Components" and "Front-End Frameworks" tools respectively.
"Polished and enterprisey look and feel" is the primary reason why developers consider Ant Design over the competitors, whereas "Easy to use and looks elegant" was stated as the key factor in picking Semantic UI.
Ant Design and Semantic UI are both open source tools. It seems that Ant Design with 48.6K GitHub stars and 17.2K forks on GitHub has more adoption than Semantic UI with 45.9K GitHub stars and 4.84K GitHub forks.
Snapchat, Accenture, and Reviewable are some of the popular companies that use Semantic UI, whereas Ant Design is used by Telepath, XPrep, and Arhia. Semantic UI has a broader approval, being mentioned in 77 company stacks & 55 developers stacks; compared to Ant Design, which is listed in 24 company stacks and 33 developer stacks.
Pros of Ant Design
- Lots of components48
- Polished and enterprisey look and feel33
- TypeScript21
- Easy to integrate21
- Es6 support18
- Typescript support17
- Beautiful and solid17
- Beautifully Animated Components16
- Quick Release rhythm15
- Great documentation14
- Easy to customize Forms2
- Opensource and free of cost2
Pros of Semantic UI
- Easy to use and looks elegant157
- Variety of components92
- Themes64
- Has out-of-the-box widgets i would actually use61
- Semantic, duh57
- Its the future44
- Open source42
- Very active development37
- Far less complicated structure31
- Gulp28
- Already has more features than bootstrap9
- Just compare it to Bootstrap and you'll be hooked8
- Clean and consistent markup model7
- UI components7
- Responsiveness6
- Because it is semantic :-D4
- Elegant. clean. readable. maintainable4
- Good-Looking4
- Is big and look really great, nothing like this2
- Consistent2
- Great docs2
- Modular and scalable2
- Easy to use1
- Blends with reactjs1
- Jquery1
Sign up to add or upvote prosMake informed product decisions
Cons of Ant Design
- Less24
- Large File Size10
- Poor accessibility support4
- Dangerous to use as a base in component libraries3
Cons of Semantic UI
- Outdated build tool (gulp 3))5
- Poor accessibility support3
- HTML is not semantic (see list component)3
- Javascript is tied to jquery2
