Kitchen Sink

View

Add to Cart

Save for Later

Rate

Basic

Horizontal

Vertical

Fade In

Facebook

Twitter

Google Plus

1

2

3

Cancel

Save

Blue

Red

Teal

Blue

Red

Teal

Inverted

Blue

Red

Basic

Blue

Red

Feed

Messages

Events

Photos

1

2

3

A

and

B

A

or

B

A

B

The partial "examples/image" was not found, as such it will not be rendered.

Search

http://

Label

email@address.com

Some Name Group Icon Tag

Top Labeled

Bottom Labeled

Top Left

Top Right

Bottom Left

Bottom Right

Ribbon

Description

Sub Description

Description

Sub Description

Description

Link Link Link Link Link

Selection Selection Selection Selection Selection

Description

Sub-header

Description

Getting Started Introduction

Languages

HTML Javascript CSS

Review

Description

50 Points

44 Points

11 Points

Loading

Preparing...

Problem #1
Problem #2

Input

Submit

Error message long description

Errored Input

Submit

Closable message

List item
List item

List item 1
List item 2
List item 3

Example description

Top attached

Bottom attached

Files
folder	Comment	10 hours ago
folder2	Comment	10 hours ago
folder3	Comment	10 hours ago
package.json	Comment	10 hours ago
Gruntfile.js	Comment	10 hours ago

	Header 1	Header 2
Definition	1A	1B
Definition	2A	2B

	Name	Registration Date	E-mail address	Premium Plan



	Primary Button Disabled

Name	Status	Notes
User 1	Value	Comment
User 1	Selected	Data
User 1	Value	Comment
User 2	Value	Data
User 1	Value	Warning
User 3	Value	Data
User 1	Value
User 2	Warning	Data
User 2		Data
User 2	Value	Data

Name	Status	Notes
User 1	Data	Data
User 3	Data	Data
User 2	Denied	Data
Footer	Footer

Add Friend

Meta

One or two sentence description that may go to several lines

Arbitrary Arbitrary

Short Description

Action 1

Action 2

Username added you as a friend

You added Username to the group Group Name

Time period ago

Userrname added new photos

1 Like

You wrote something

Time period ago

Blockquote

Metadata Metadata

You uploaded a photo

Time period ago

Metadata Metadata

Elliot Fu added Jenny Hess as a friend

Stevie Feliciano added Elliot Fu as a friend

Helen Troy added Christian Rocha as a friend

Christian Rocha signed up for the site.

Date Category

A description which may flow for several lines and give context to the content.

Username

Date Category

A description which may flow for several lines and give context to the content.

Primary

Limited

Date Category

A description which may flow for several lines and give context to the content.

Primary

A description which may flow for several lines and give context to the content.

Top Label

4:05

22

Bottom Label

Eighty
Two

Text

5

Labeled Icon

22

Horizonal Label

51

Horizonal Label

81

Horizonal Label

Menu Item

Choice 1

Choice 2

Choice 3

Choice 4

Menu Item

Choice A

Choice B

Choice C

Choice D

Title

Checkbox

A

B

C

D

Slider

Toggle

Page Dimmer

Show me posts trending

Standard Modal

Basic Modal

Full-Screen Modal

Uploading Files

Funding

A description which may flow for several lines and give context to the content.

11

A description which may flow for several lines and give context to the content.

42

A description which may flow for several lines and give context to the content.

16

1

2

3

4

5

6

1A

1B

1C

2A

2B

2C

3A

3B

3C

Flash

Shake

Pulse

Tada

Bounce

Drop

Browse

Horizontal Flip

Vertical Flip

Fade

Fade Up

Fade Down

Scale

Slide Down

Slide Up

Kitchen Sink

Examples of Semantic UI usage with OpenTheme customizations

Elements

Specifications

H1

H2

H3

H4

H5

Collections

Sub-header

Views

Modules

Dimmable Section

Inverted Dimmer

Dimmer With Content

Dimmed Message!

Fabrics

Sizes

Colors

Types

Animation

Horizontal-Only Animation

New Content Awaits

Theme

Design

GitHub

Social

Contact Us