--- layout : 'default' css : 'index' title : 'Introduction' type : 'Semantic' --- <% uiElements = @getCollection("uiElements").toJSON() %> <% uiCollections = @getCollection("uiCollections").toJSON() %> <% uiViews = @getCollection("uiViews").toJSON() %> <% uiModules = @getCollection("uiModules").toJSON() %>

Semantic is tag agnostic meaning you can use any html tags with UI elements.

Semantic

Bootstrap

Semantic

Bootstrap

Semantic

Bootstrap

Semantic provides tracing for javascript behavior so your components can tell you what they're doing as they do it.

$('.kitten.image') .transition('scale in') .transition('tada', '800ms') ;

Learn about modules

<%= uiElements.length %>

UI Elements

<% for element in uiElements: %> <%= element.title %> <% end %>

<%= uiCollections.length %>

UI Collections

<% for element in uiCollections: %> <%= element.title %> <% end %>

<%= uiViews.length %>

UI Views

<% for element in uiViews: %> <%= element.title %> <% end %>

<%= uiModules.length %>

UI Modules

<% for element in uiModules: %> <%= element.title %> <% end %>

Semantic UI 1.0.0 ALPHA

UI is the vocabulary of the web.

Lose the Hieroglyphics
Semantic is structured around natural language conventions to make development more intuitive.

Have a conversation with your components
Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.

Alter Designs Effortlessly
Redesign without lifting a finger

Let's create some tabs

Hmm maybe it should point to the content below it

Growing Every Day
New UI components are written every day. Check back soon to see more.

Semantic UI 1.0.0 ALPHA

UI is the vocabulary of the web.

Lose the Hieroglyphics Semantic is structured around natural language conventions to make development more intuitive.

Have a conversation with your componentsSemantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.

Alter Designs Effortlessly Redesign without lifting a finger

Let's create some tabs

Hmm maybe it should point to the content below it

Growing Every Day New UI components are written every day. Check back soon to see more.

Lose the Hieroglyphics
Semantic is structured around natural language conventions to make development more intuitive.

Have a conversation with your components
Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.

Alter Designs Effortlessly
Redesign without lifting a finger

Growing Every Day
New UI components are written every day. Check back soon to see more.