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
ribbonChat

Free for Share

Your likes, shares and comments helps us.

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

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

卡戴珊公开承认原谅多次出轨的TT:他不是坏人
世锦赛-特鲁姆普强势逆转丁俊晖 希金斯力克宾汉姆
湖人心头一凉!交易浓眉哥最关键一人拒接电话
回顾世界杯中国女排vs塞尔维亚 中国提前夺得冠军
国安归化小将侯永永已在足协注册 超级杯或首秀
巴坎布状态来的太晚 新赛季国安该留"快乐男孩"吗?
慈世平首次解释为啥打哈登!没那事能拿25个奖
曝猛龙替补控卫至少伤停3周!书豪加盟将受重用
超越科比!詹姆斯成为史上最年轻33000分先生
火箭旧将10天短约加盟森林狼!真没后卫可用了
拳王梅威瑟回应被马云挑战:我都不知道他是谁
曼城6000万豪赌完美复活!瓜帅服了:我被他打脸
09届天才全明星试训火箭 选秀曾力压库里哈登
亚冠-后防送礼丢球保塔失绝杀 恒大1-1客平墨尔本
重创!李磊拉伤大腿肌肉 至少休1周无缘战叙利亚
恒大亚冠预报名:含双外援仅26人 无冯潇霆张修维
温馨!朱婷赛后拥抱安慰古德帝 师徒情谊超越胜负
东京奥运会帆板测试赛开赛 卢云秀毕焜男女组居首
足协重罚郭田雨:半年内禁止入选国字号球队+参赛
阿杜三节38分勇士复仇 客场大胜快船2-1占先