Flat UI 免费的WEB界面工具组件库

基本元素

按钮

输入框

选项

输入标签

导航条

进度条 & 滑块



复选框

单选按钮

开关

分享

标题

标题 1Showers across the W

标题 2Give this quartet a few

标题 3The Vatican transitions to a

标题 4Great American Bites: Telluride's Oak, The

标题 5Author Diane Alberts loves her some good
标题 6With the success of young-adult book-to-movie
段落

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.

图片 example-image

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

引导文本

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

引用

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
较小字体

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.

色板

#1abc9c
Turquoise
#16a085
Green sea
#2ecc71
Emerald
#27ae60
Nephritis
#3498db
Peter river
#2980b9
Belize hole
#9b59b6
Amethyst
#8e44ad
WISTERIA
#34495e
Wet asphalt
#2c3e50
Midnight blue
#f1c40f
Sun flower
#f39c12
Orange
#e67e22
Carrot
#d35400
Pumpkin
#e74c3c
Alizarin
#c0392b
Pomegranate
#ecf0f1
Clouds
#bdc3c7
Silver
#95a5a6
Concrete
#7f8c8d
Asbestos
色板

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.

Icons (14)

Toilet-Paper
Gift-Box
Pensils
Clipboard
Retina
Compas
Map
Chat
Mail
Book
Calendar
Pocket
Watches
Infinity-Loop

图标 (70)

社会化分享图片 (27)

实例

  • 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
Compas

Web Oriented

100% convertable to HTML/CSS layout.

Get Pro
Infinity-Loop

Easy to Customize

Vector-based shapes and minimum of layer styles.

Get Pro
Pensils

Color Swatches

Easy to add or change elements.

Get Pro
ribbon Chat

Free for Share

Your likes, shares and comments helps us.

Get Pro
@monstercritic
Tourist. Designer. NYC shmidt.in
下载

喜欢,分享及评论是我们的动力!

  • 四川冠军成员再走1人 球队暗示有了成绩留不住 2018-07-16
  • baby怀孕了?黄晓明:有些事情现在不能说 2018-07-16
  • 进球gif-亚泰定位球配合 伊斯梅洛夫扳回一球 2018-07-15
  • 安倍:人口老龄化并萎缩不是负担 不担心日本人口结构 2018-07-15
  • 秦海璐亮相时装周 深V露bra秀性感美胸 2018-07-14
  • 两部门警示中企海外并购:别为了面子和政绩 2018-07-13
  • 难比《烈日灼心》?《追凶》为何出不了头 2018-07-12
  • 财政部将研究制定支持军民融合发展指导意见 2018-07-11
  • 2+2榜眼首秀略紧张 防守大亮!长臂让你想起谁 2018-07-11
  • 王鸥瓷肌红唇亮相时装周 优雅性感露美背 2018-07-10
  • 外媒:借贷成本太低 中国居民拼命贷款买房 2018-07-10
  • 马加特赴工体探敌情 鲁能外援三叉戟周末强攻国安? 2018-07-09
  • 德国新规针对中企收购高技术企业? 外交部回应 2018-07-09
  • SE7EN将上综艺 与李多海恋情公开后首亮相 2018-07-08
  • 黑泽汀降半旗表哀悼 帕尔默遗产令莱德杯黯淡 2018-07-08