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
下载

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

外交部:中国政府从未要求解雇莫雷
落后5分头名无望!国足只能争最好第2 一场不能输
广东爆冷负吉林遭首败!易建联27+14琼斯三双
传奇!穆里奇迎来中国第100球 恒大巅峰成永恒记忆
匪夷所思!连续2次发球失误 这次别说虽败犹荣
亚泰惨遭黑龙江四球血洗 冲超梦被无情撕得粉碎
帕金斯:现在的NBA就是狗屎 球员们像一群婴儿
5场比赛3次飙血!林书豪太难了 北京不能只靠他
15胜0负!湖人是波普的球队!勇士还是第一
恒大宣布卡纳瓦罗参加文化班学习 郑智暂代主帅
梅西比赛中指导巴萨1.4亿妖星 后者听完一脸懵
威少杜兰特已经彻底和解 KD在暗示愿意回雷霆?
郭艾伦生涯助攻数达1624超巴特尔 升至CBA历史第七位
唐淼:富力让裁判给上了一课 好好休息别想这场球
支持3X3国家队备战!5支WCBA球队享受特殊政策
大赛史上最神黑马!最不可能的冠军 草根逆袭王道
阿联17分马尚35+9+6 广东胜山东夺3连胜
世界杯中国女排3-0横扫日本 5连胜未丢一局居榜首
湖人这是要凉?疑似不和已经被媒体无限放大!
绿军4-0横扫率先晋级 欧文仅14分仍胜步行者