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

Semantic UI

855
1.4K
+ 1
672
Vuetify

958
1.5K
+ 1
146
Add tool

Semantic UI vs Vuetify: What are the differences?

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; Vuetify: Material Component Framework for VueJS 2. Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

Semantic UI and Vuetify can be primarily classified as "Front-End Frameworks" tools.

"Easy to use and looks elegant" is the primary reason why developers consider Semantic UI over the competitors, whereas "Wide range of components and active development" was stated as the key factor in picking Vuetify.

Semantic UI and Vuetify are both open source tools. It seems that Semantic UI with 45.7K GitHub stars and 4.83K forks on GitHub has more adoption than Vuetify with 19.6K GitHub stars and 2.25K GitHub forks.

According to the StackShare community, Semantic UI has a broader approval, being mentioned in 77 company stacks & 50 developers stacks; compared to Vuetify, which is listed in 36 company stacks and 32 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Semantic UI
Pros of Vuetify
  • 157
    Easy to use and looks elegant
  • 92
    Variety of components
  • 64
    Themes
  • 61
    Has out-of-the-box widgets i would actually use
  • 56
    Semantic, duh
  • 44
    Its the future
  • 42
    Open source
  • 37
    Very active development
  • 31
    Far less complicated structure
  • 28
    Gulp
  • 9
    Already has more features than bootstrap
  • 8
    Just compare it to Bootstrap and you'll be hooked
  • 7
    UI components
  • 7
    Clean and consistent markup model
  • 6
    Responsiveness
  • 4
    Elegant. clean. readable. maintainable
  • 4
    Because it is semantic :-D
  • 4
    Good-Looking
  • 2
    Great docs
  • 2
    Consistent
  • 2
    Is big and look really great, nothing like this
  • 2
    Modular and scalable
  • 1
    Jquery
  • 1
    Easy to use
  • 1
    Blends with reactjs
  • 26
    Enables beauty for graphically challenged devs
  • 22
    Wide range of components and active development
  • 19
    Vue
  • 15
    New age components
  • 12
    Easy integration
  • 10
    Material Design
  • 9
    Open Source
  • 8
    Nuxt.js
  • 5
    Awesome Documentation
  • 5
    Not tied to jQuery
  • 4
    Internationalization
  • 4
    Awesome Component collection
  • 3
    Best use of vue slots you'll ever see
  • 2
    Not tied to jQuery
  • 1
    Responsiveness
  • 1
    Treeshaking

Sign up to add or upvote prosMake informed product decisions

Cons of Semantic UI
Cons of Vuetify
  • 5
    Outdated build tool (gulp 3))
  • 3
    HTML is not semantic (see list component)
  • 2
    Javascript is tied to jquery
  • 2
    Poor accessibility support
  • 18
    It is heavy

Sign up to add or upvote consMake informed product decisions

What is Semantic UI?

Semantic empowers designers and developers by creating a shared vocabulary for UI.

What is Vuetify?

Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

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

What companies use Semantic UI?
What companies use Vuetify?
See which teams inside your own company are using Semantic UI or Vuetify.
Sign up for Private StackShareLearn More

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

What tools integrate with Semantic UI?
What tools integrate with Vuetify?

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

What are some alternatives to Semantic UI and Vuetify?
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
UIkIt
UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.
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.
Material-UI
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Material Design
Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
See all alternatives