Home
Application and Data
Languages & Frameworks
Front-End Frameworks

Foundation for Apps vs Semantic UI

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

Foundation for Apps
30
42
+ 1
0
Semantic UI
951
1.5K
+ 1
673
Add tool

Foundation for Apps vs Semantic UI: What are the differences?

What is Foundation for Apps? Angular-powered framework for building powerful responsive web apps, from your friends at ZURB. Foundation for Apps is a framework you can use to build better, more polished single-page web applications that work across many devices. We’ve taken what we’ve learned from building the original Foundation framework to build an entirely new framework just for web apps.

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.

Foundation for Apps and Semantic UI can be primarily classified as "Front-End Frameworks" tools.

Some of the features offered by Foundation for Apps are:

  • Vertical Grid
  • Independent Scrolling Sections
  • Easier Source Ordering

On the other hand, Semantic UI provides the following key features:

  • Build Responsive Layouts Easier
  • Self Explanatory
  • Tag ambivalent

Foundation for Apps 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 Foundation for Apps with 1.65K GitHub stars and 236 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Foundation for Apps
Pros of Semantic UI
    Be the first to leave a pro
    • 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
      Clean and consistent markup model
    • 7
      UI components
    • 6
      Responsiveness
    • 4
      Because it is semantic :-D
    • 4
      Elegant. clean. readable. maintainable
    • 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
      Blends with reactjs
    • 1
      Jquery

    Sign up to add or upvote prosMake informed product decisions

    Cons of Foundation for Apps
    Cons of Semantic UI
      Be the first to leave a con
      • 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 Foundation for Apps?

      Foundation for Apps is a framework you can use to build better, more polished single-page web applications that work across many devices. We’ve taken what we’ve learned from building the original Foundation framework to build an entirely new framework just for web apps.

      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 Foundation for Apps?
      What companies use Semantic UI?
      See which teams inside your own company are using Foundation for Apps or Semantic UI.
      Sign up for StackShare EnterpriseLearn More

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

      What tools integrate with Foundation for Apps?
      What tools integrate with Semantic UI?
        No integrations found

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

        What are some alternatives to Foundation for Apps and Semantic UI?
        Foundation
        Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        Material Design for Angular
        Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
        Animate.css
        It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
        Tailwind CSS
        Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.
        See all alternatives

        Related Comparisons

        Bootstrap vs Material-UI vs Semantic UIBootstrap vs Material Design for Angular vs Semantic UIBootstrap vs Semantic UI vs UIkItBootstrap vs Materialize vs Semantic UIMaterial-UI vs Semantic UI

        Trending Comparisons

        Django vs Laravel vs Node.jsBootstrap vs Foundation vs Material-UINode.js vs Spring BootFlyway vs LiquibaseAWS CodeCommit vs Bitbucket vs GitHub

        Top Comparisons

        Bitbucket vs GitHub vs GitLabBootstrap vs MaterializePostman vs Swagger UIHipChat vs Mattermost vs Slack