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

Elm

568
624
+ 1
284
Semantic UI

828
1.3K
+ 1
670
Add tool

Elm vs Semantic UI: What are the differences?

Developers describe Elm as "A type inferred, functional reactive language that compiles to HTML, CSS, and JavaScript". Writing HTML apps is super easy with elm-lang/html. Not only does it render extremely fast, it also quietly guides you towards well-architected code. On the other hand, Semantic UI is detailed as "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.

Elm can be classified as a tool in the "Languages" category, while Semantic UI is grouped under "Front-End Frameworks".

"Code stays clean" is the primary reason why developers consider Elm over the competitors, whereas "Easy to use and looks elegant" was stated as the key factor in picking Semantic UI.

Elm and Semantic UI are both open source tools. Semantic UI with 45.9K GitHub stars and 4.84K forks on GitHub appears to be more popular than Elm with 5.3K GitHub stars and 424 GitHub forks.

Snapchat, Reviewable, and White Rabbit Express are some of the popular companies that use Semantic UI, whereas Elm is used by NoRedInk, Brilliant, and RolePoint. Semantic UI has a broader approval, being mentioned in 77 company stacks & 55 developers stacks; compared to Elm, which is listed in 27 company stacks and 35 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Elm
Pros of Semantic UI
  • 42
    Code stays clean
  • 40
    Great type system
  • 38
    No Runtime Exceptions
  • 31
    Fun
  • 26
    Easy to understand
  • 20
    Correctness
  • 20
    Type safety
  • 14
    JS fatigue
  • 10
    Declarative
  • 10
    Ecosystem agrees on one Application Architecture
  • 8
    Friendly compiler messages
  • 6
    Welcoming community
  • 6
    Fast rendering
  • 5
    If it compiles, it runs
  • 4
    Stable ecosystem
  • 3
    'Batteries included'
  • 1
    Package.elm-lang.org
  • 156
    Easy to use and looks elegant
  • 91
    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
    Is big and look really great, nothing like this
  • 2
    Consistent
  • 2
    Great docs
  • 2
    Modular and scalable
  • 1
    Easy to use
  • 1
    Jquery
  • 1
    Blends with reactjs

Sign up to add or upvote prosMake informed product decisions

Cons of Elm
Cons of Semantic UI
  • 2
    No typeclasses -> repitition (i.e. map has 130versions)
  • 2
    JS interoperability a bit more involved
  • 1
    Backwards compability breaks between releases
  • 1
    More code is required
  • 1
    Main developer enforces "the correct" style hard
  • 1
    JS interop can not be async
  • 1
    No communication with users
  • 5
    Outdated build tool (gulp 3))
  • 3
    HTML is not semantic (see list component)
  • 2
    Javascript is tied to jquery
  • 2
    Poor accessibility support

Sign up to add or upvote consMake informed product decisions

What is Elm?

Writing HTML apps is super easy with elm-lang/html. Not only does it render extremely fast, it also quietly guides you towards well-architected code.

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 Elm?
What companies use Semantic UI?
See which teams inside your own company are using Elm 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 Elm?
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 Elm and Semantic UI?
TypeScript
TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
PureScript
A small strongly typed programming language with expressive types that compiles to JavaScript, written in and inspired by Haskell.
ReasonML
It lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.It is powerful, safe type inference means you rarely have to annotate types, but everything gets checked for you.
Haskell
It is a general purpose language that can be used in any domain and use case, it is ideally suited for proprietary business logic and data analysis, fast prototyping and enhancing existing software environments with correct code, performance and scalability.
See all alternatives
How developers use Elm and Semantic UI
osu! Ripple uses
Semantic UI

We use Semantic UI for our frotend. A heavily customised version of it, but still Semantic UI under the hood.

Ralic Lo uses
Semantic UI

Used Semantic UI + Angular2 together with Spring or Node/Express for full stack web application development.

Giftstarter uses
Semantic UI

We haven't yet, but we would like to integrate into our Web App.

Wellzesta uses
Semantic UI

Grid, widgets, theming.

Jackson Lucas uses
Semantic UI

CSS components (design)

Tinkhaven uses
Elm

Frontend application