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

Element

62
85
+ 1
3
Semantic UI

869
1.5K
+ 1
673
Add tool

Element vs Semantic UI: What are the differences?

What is Element? A Vue 2.0-based desktop UI library for developers, designers and PMs. Element is a Vue 2.0 based component library for developers, designers and product managers, with a set of design resources.

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.

Element can be classified as a tool in the "Cross-Platform Desktop Development" category, while Semantic UI is grouped under "Front-End Frameworks".

Element and Semantic UI are both open source tools. It seems that Semantic UI with 45.9K GitHub stars and 4.84K forks on GitHub has more adoption than Element with 39K GitHub stars and 8.17K GitHub forks.

Snapchat, Reviewable, and White Rabbit Express are some of the popular companies that use Semantic UI, whereas Element is used by Mifos Initiative, MEGA Limited, and 微聚合. Semantic UI has a broader approval, being mentioned in 77 company stacks & 55 developers stacks; compared to Element, which is listed in 6 company stacks and 3 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Element
Pros of Semantic UI
  • 3
    Very complete solution
  • 157
    Easy to use and looks elegant
  • 92
    Variety of components
  • 64
    Themes
  • 61
    Has out-of-the-box widgets i would actually use
  • 57
    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

Sign up to add or upvote prosMake informed product decisions

Cons of Element
Cons of Semantic UI
  • 2
    Buggy in parts
  • 5
    Outdated build tool (gulp 3))
  • 3
    Poor accessibility support
  • 3
    HTML is not semantic (see list component)
  • 2
    Javascript is tied to jquery

Sign up to add or upvote consMake informed product decisions

What is Element?

Element is a Vue 2.0 based component library for developers, designers and product managers, with a set of design resources.

What is Semantic UI?

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

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

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

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

What tools integrate with Element?
What tools integrate with Semantic UI?

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

What are some alternatives to Element and Semantic UI?
Adobe Photoshop
It is the best in the world of graphic design and image processing software that will realize any of your ideas. Create and enhance photos, illustrations and 3D graphic objects.
Adobe Lightroom
It is a cloud-based service for people who love photography, it gives you everything you need to edit, organize, store, and share your photos across desktop, mobile, and web.
Atom
At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core. We can't wait to see what you build with it.
Component
Component's philosophy is the UNIX philosophy of the web - to create a platform for small, reusable components that consist of JS, CSS, HTML, images, fonts, etc. With its well-defined specs, using Component means not worrying about most frontend problems such as package management, publishing components to a registry, or creating a custom build process for every single app.
Electron
With Electron, creating a desktop application for your company or idea is easy. Initially developed for GitHub's Atom editor, Electron has since been used to create applications by companies like Microsoft, Facebook, Slack, and Docker. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on io.js and Chromium and is used in the Atom editor.
See all alternatives