Basic elements

Buttons

Primary Button
Warning Button
Default Button
Danger Button
Success Button
Inverse Button
Info Button
Disabled Button

Menu

Input

Progress bars & Sliders



Navigation

Checkboxes

Radio Buttons

Switches

Tags

Share

Tooltips

Typography

Header 1Showers across the W

Header 2Give this quartet a few

Header 3The Vatican transitions to a

Header 4Great American Bites: Telluride's Oak, The

Header 5Author Diane Alberts loves her some good
Header 6With the success of young-adult book-to-movie
Paragraph

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Image exaple-image

Note: gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Lead Text

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Quote

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus.

Steve Jobs, CEO Apple
Small Font

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Color Swatches

yellow
cyaan
yellow
blue
purple
yellow
yellow
red
green
yellow
red
yellow
red
purple
orange
purple
cyaan
purple
orange
green
SWATCHES

Colors — is almost the most important part of the Flat UI. Better to use different shades of provided colors than new.

For your convenience we also provide Swatches Preset (flat‑ui‑swatches.aco in the Pack folder).

No gradients, no shadows.

Glyphs (30)

Glyphs Aviliz (18)

Samples

  • Meet Adrian at 6pm

    Times Square

  • Chat with V.Kudinov

    Skype conference an 9 am

  • Watch Iron Man

    1998 Broadway

  • Fix bug on a Website

    As soon as possible

Web Oriented

100% convertable to HTML/CSS layout.

Go to Aviliz

Easy to Customize

Vector-based shapes and minimum of layer styles.

Go to Aviliz

Color Swatches

Easy to add or change elements.

Go to Aviliz

Free for Share

Your likes, shares and comments helps us.

Go to Aviliz