Semantic UI

What is Semantic UI?

Semantic UI is a responsive CSS framework and a viable alternative to the popular twitter bootstrap and foundation framework.  Using semantic is fun, with its easy to learn documentation and features; it is a really good if not a better replacement for bootstrap. 

Semantic UI packs a lot of features. These features are well documented and described as the five UI definitions of semantic UI. 

UI Element	A basic building block of a website, exists alone or in homogenous groups
UI Collection	A heterogeneous group of several elements which can usually be found together.
UI View	A way to present common website content like comments, activity feeds
UI Module	An element where its behavior is an essential part of its definition
UI Behavior	A set of free-standing actions not specifically tied to an element

Features of Semantic UI

Semantic UI uses classes and queries for natural language and features Font Awesome for its icon element which gives better option for choosing icons.  Like bootstrap, semantic UI also includes modules for accordion, modal, popup and dropdown but wait there’s more! Semantic UI added modules for checkbox, rating, shape, dimmer and awesome transition module.

Semantic UI grid	Bootstrap grid
Semantic UI navigation	Bootstrap navigation

Semantic UI also features Font Awesome for its icon element which gives better option for choosing icons.

Like bootstrap, semantic UI also includes modules for accordion, modal, popup and dropdown but wait there’s more! Semantic UI added modules for checkbox, rating, shape, dimmer and awesome transition module.

Semantic UIs is well documented on its site and you can download it at here.

Checkout semantic UI and try what you can do with it!