Semantic Org

The official Semantic-UI-React integration

Official Documentation for Semantic UI

Semantic is a UI component framework based around useful principles from natural language.

Visibility provides a set of callbacks for when a content appears in the viewport

A transition is an animation usually used to move content in or out of view

A table displays a collections of data grouped into rows

A tab is a hidden section of content activated by a menu

Sticky content fixes itself to the browser viewport as content is scrolled

A step shows the completion status of an activity in a series of activities

A statistic displays the current value of an attribute

A site is a set of global constraints that define the basic parameters of all UI elements

A sidebar hides additional content beside a page.

A shape is a three dimensional object displayed on a two dimensional plane

A segment is used to create a grouping of related content

A search element allows a user to query for results from a selection of data

A reveal displays additional content in place of previous content when activated

A reset is a set of normalized values for CSS properties that correct for abberations in browser defaults

A rating indicates user interest in content

A rail is used to show accompanying content outside the boundaries of the main view of a site

A progress bar shows the progression of a task

A popup displays additional information on top of a page

A nag is an important message that persists until dismissed by a user

A modal displays content that temporarily blocks interactions with the main view of a site

A message displays information that explains nearby content

A menu displays grouped navigation actions

Semantic UI placeholder component

A loader alerts a user to wait for an activity to complete

A list is used to group related content

An item view presents large collections of general site content for display

An input is a field used to elicit a response from a user