Semantic-UI

Semantic-UI

Semantic-UI overview

Semantic UI is a component framework for theming websites. It is based on the concept that at the core of sites are not individual HTML tags, but individual interface components like buttons, modals or dropdowns.

SmallMediumLarge
IT

Semantic-UI screenshot(s)

Pricing details

Pricing model for this product is Open source

Product Attributes

Pros

Fewer cross-platform errors.

A consistent framework that considers most compatibility issues.

Light and customizable.

Responsive styles and structures.

JavaScript plugins that use jQuery.

Well documented support and an active community. 

Hundreds of free and professional templates

A grid system easy to implement. 

Cons

Departing from Bootstrap’s predefined layout can be a pain. To make changes to the base design of the framework, you will probably have to overwrite styles or rewrite some files, which can take as long as having done the project from scratch.

Departing from Bootstrap’s predefined layout can be a pain. To make changes to the base design of the framework, you will probably have to overwrite styles or rewrite some files, which can take as long as having done the project from scratch.

You will need to take extra steps to customize a site. If not, you run the risk of all sites looking the same.

Styles can be very bulky, causing a lot of unnecessary output for HTML.

Since JavaScript is tied to JQuery, there may be many plugins that will not be used.

Unpleasant HTML. The large number of classes that are sometimes necessary can make the HTML used not very pleasant to review later. Also, the name of the classes can be less intuitive than Semantic UI.

Product Features

  1. A UI Collection is a group of different kinds of elements that are interdependent. For example, a web form can have buttons, inputs, checkboxes, icons, and so forth.
  2. A UI View represents a common piece of website content. For example, a feed or comments section.
  3. A UI Module is a component with interactive JavaScript-based functionality. Examples include an accordion, dimmer, modal, and so on.
  4. A UI Behavior is a component that can’t exist independently, but instead is used to inject functionality into other components. For example, the Form Validation behavior provide validation functionality for the Form component.
  5. A UI Element is a basic building block. It can appear alone or in uniform groups. For example, a button can be independent or put in a button group.

Scenarios

  1. Responsive
  2. Grid
  3. Bootstrap Migration
  4. Theming

References

https://semantic-ui.com/