Concise HTML

Semantic UI treats words and classes as exchangeable concepts.

Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively.

Get the same benefits as BEM or SMACSS, but without the tedium.

<div class="ui three buttons">
  <button class="ui active button">
  <button class="ui button">
  <button class="ui button">

Intuitive Javascript

Semantic uses simple phrases called behaviors that trigger functionality.

Any arbitrary decision in a component is included as a setting that developers can modify.

  .dropdown('set selected',
  ['meteor', 'ember'])
<select name="skills" multiple="">

Simplified Debugging

Performance logging lets you track down bottlenecks without digging through stack traces.

Don't have access to development tools right now? Check out this short clip.

$('.sequenced.images .image')
    debug     : true,
    animation : 'jiggle',
    duration  : 500,
    interval  : 200