BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`.
Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.4.9`.
Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Blue - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><aclass="current"href="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#4D8FAC"><spanclass="color-name">Sky color</span><br><spanclass="hex-number">#4D8FAC</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5D8CAE"><spanclass="color-name">Ultramarine color</span><br><spanclass="hex-number">#5D8CAE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#22A7F0"><spanclass="color-name">PICTON BLUE</span><br><spanclass="hex-number">#22A7F0</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#19B5FE"><spanclass="color-name">DODGER BLUE</span><br><spanclass="hex-number">#19B5FE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#59ABE3"><spanclass="color-name">PICTON BLUE</span><br><spanclass="hex-number">#59ABE3</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#48929B"><spanclass="color-name">Light blue color</span><br><spanclass="hex-number">#48929B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#317589"><spanclass="color-name">Thousand herb</span><br><spanclass="hex-number">#317589</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#89C4F4"><spanclass="color-name">JORDY BLUE</span><br><spanclass="hex-number">#89C4F4</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #4B77BE"><spanclass="color-name">STEEL BLUE</span><br><spanclass="hex-number">#4B77BE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#1F4788"><spanclass="color-name">Lapis lazuli color</span><br><spanclass="hex-number">#1F4788</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#003171"><spanclass="color-name">Navy blue color</span><br><spanclass="hex-number">#003171</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#044F67"><spanclass="color-name">Hanada</span><br><spanclass="hex-number">#044F67</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #264348"><spanclass="color-name">Indigo color</span><br><spanclass="hex-number">#264348</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Gray - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><aclass="current"href="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#BFBFBF"><spanclass="color-name">SILVER</span><br><spanclass="hex-number">#BFBFBF</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F2F1EF"><spanclass="color-name">CARARRA</span><br><spanclass="hex-number">#F2F1EF</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BDC3C7"><spanclass="color-name">SILVER SAND</span><br><spanclass="hex-number">#BDC3C7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#ECF0F1"><spanclass="color-name">PORCELAIN</span><br><spanclass="hex-number">#ECF0F1</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#D2D7D3"><spanclass="color-name">PUMICE</span><br><spanclass="hex-number">#D2D7D3</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#757D75"><spanclass="color-name">Harbor rat</span><br><spanclass="hex-number">#757D75</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#EEEEEE"><spanclass="color-name">GALLERY</span><br><spanclass="hex-number">#EEEEEE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#ABB7B7"><spanclass="color-name">EDWARD</span><br><spanclass="hex-number">#ABB7B7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #6C7A89"><spanclass="color-name">LYNCH</span><br><spanclass="hex-number">#6C7A89</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#95A5A6"><spanclass="color-name">CASCADE</span><br><spanclass="hex-number">#95A5A6</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Green - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><aclass="current"href="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#7A942E"><spanclass="color-name">Siskin sprout yellow</span><br><spanclass="hex-number">#7A942E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#8DB255"><spanclass="color-name">young green onion</span><br><spanclass="hex-number">#8DB255</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5B8930"><spanclass="color-name">Fresh onion</span><br><spanclass="hex-number">#5B8930</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#6B9362"><spanclass="color-name">Young bamboo color</span><br><spanclass="hex-number">#6B9362</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#407A52"><spanclass="color-name">Patina</span><br><spanclass="hex-number">#407A52</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#006442"><spanclass="color-name">Green bamboo</span><br><spanclass="hex-number">#006442</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#87D37C"><spanclass="color-name">GOSSIP</span><br><spanclass="hex-number">#87D37C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#26A65B"><spanclass="color-name">EUCALYPTUS</span><br><spanclass="hex-number">#26A65B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #26C281"><spanclass="color-name">JUNGLE GREEN</span><br><spanclass="hex-number">#26C281</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#049372"><spanclass="color-name">OBSERVATORY</span><br><spanclass="hex-number">#049372</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#2ABB9B"><spanclass="color-name">JUNGLE GREEN</span><br><spanclass="hex-number">#2ABB9B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#16A085"><spanclass="color-name">MOUNTAIN MEADOW</span><br><spanclass="hex-number">#16A085</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#36D7B7"><spanclass="color-name">TURQUOISE</span><br><spanclass="hex-number">#36D7B7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #03A678"><spanclass="color-name">FREE SPEECH AQUAMARINE</span><br><spanclass="hex-number">#03A678</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#4DAF7C"><spanclass="color-name">OCEAN GREEN</span><br><spanclass="hex-number">#4DAF7C</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Pink - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><aclass="current"href="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#F08F90"><spanclass="color-name">One kin dye</span><br><spanclass="hex-number">#F08F907</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F47983"><spanclass="color-name">Peach-colored</span><br><spanclass="hex-number">#F47983</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#DB5A6B"><spanclass="color-name">Red plum colored</span><br><spanclass="hex-number">#DB5A6B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#C93756"><spanclass="color-name">Medium crimson</span><br><spanclass="hex-number">#C93756</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FCC9B9"><spanclass="color-name">Cherry blossom color</span><br><spanclass="hex-number">#FCC9B9</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFB3A7"><spanclass="color-name">Washed-out crimson</span><br><spanclass="hex-number">#FFB3A7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F62459"><spanclass="color-name">RADICAL RED</span><br><spanclass="hex-number">#F62459</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F58F84"><spanclass="color-name">Ibis wing color</span><br><spanclass="hex-number">#F58F84</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Purple - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><aclass="current"href="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#875F9A"><spanclass="color-name">Wisteria purple</span><br><spanclass="hex-number">#875F9A</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5D3F6A"><spanclass="color-name">Bellflower color</span><br><spanclass="hex-number">#5D3F6A</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#89729E"><spanclass="color-name">Wisteria color</span><br><spanclass="hex-number">#89729E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#763568"><spanclass="color-name">Iris color</span><br><spanclass="hex-number">#763568</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#8D608C"><spanclass="color-name">Tatarian aster color</span><br><spanclass="hex-number">#8D608C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#A87CA0"><spanclass="color-name">Thin color</span><br><spanclass="hex-number">#A87CA0</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5B3256"><spanclass="color-name">Violet color</span><br><spanclass="hex-number">#5B3256</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BF55EC"><spanclass="color-name">MEDIUM PURPLE</span><br><spanclass="hex-number">#BF55EC</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #8E44AD"><spanclass="color-name">STUDIO</span><br><spanclass="hex-number">#8E44AD</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#9B59B6"><spanclass="color-name">WISTERIA</span><br><spanclass="hex-number">#9B59B6</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BE90D4"><spanclass="color-name">LIGHT WISTERIA</span><br><spanclass="hex-number">#BE90D4</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Red - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><aclass="current"href="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#C91F37"><spanclass="color-name">Foreign crimson</span><br><spanclass="hex-number">#C91F37</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#DC3023"><spanclass="color-name">Red orange</span><br><spanclass="hex-number">#DC3023</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#9D2933"><spanclass="color-name">Cochineal red</span><br><spanclass="hex-number">#9D2933</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#CF000F"><spanclass="color-name">Monza</span><br><spanclass="hex-number">#CF000F</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E68364"><spanclass="color-name">Brewed mustard-brown</span><br><spanclass="hex-number">#E68364</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F22613"><spanclass="color-name">Pomegranate</span><br><spanclass="hex-number">#F22613</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#CF3A24"><spanclass="color-name">Scarlet</span><br><spanclass="hex-number">#CF3A24</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#C3272B"><spanclass="color-name">Pure crimson</span><br><spanclass="hex-number">#C3272B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #8F1D21"><spanclass="color-name">True red</span><br><spanclass="hex-number">#8F1D21</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#D24D57"><spanclass="color-name">Chestnut Rose</span><br><spanclass="hex-number">#D24D57</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - Yellow - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><ahref="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><aclass="current"href="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#D9B611"><spanclass="color-name">Patrinia flowers</span><br><spanclass="hex-number">#D9B611</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F3C13A"><spanclass="color-name">Amur cork tree</span><br><spanclass="hex-number">#F3C13A</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F7CA18"><spanclass="color-name">RIPE LEMON</span><br><spanclass="hex-number">#F7CA18</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E2B13C"><spanclass="color-name">Japanese triandra grass</span><br><spanclass="hex-number">#E2B13C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#A17917"><spanclass="color-name">Rapeseed oil-colored</span><br><spanclass="hex-number">#A17917</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F5D76E"><spanclass="color-name">CREAM CAN</span><br><spanclass="hex-number">#F5D76E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F4D03F"><spanclass="color-name">SAFFRON</span><br><spanclass="hex-number">#F4D03F</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFA400"><spanclass="color-name">Bright golden yellow</span><br><spanclass="hex-number">#FFA400</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E08A1E"><spanclass="color-name">Sumac-dyed</span><br><spanclass="hex-number">#E08A1E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFB61E"><spanclass="color-name">Gamboge</span><br><spanclass="hex-number">#FFB61E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FAA945"><spanclass="color-name">Corn-colored</span><br><spanclass="hex-number">#FAA945</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFA631"><spanclass="color-name">Egg-colored</span><br><spanclass="hex-number">#FFA631</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFB94E"><spanclass="color-name">Floral leaf-colored</span><br><spanclass="hex-number">#FFB94E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E29C45"><spanclass="color-name">Golden fallen leaves</span><br><spanclass="hex-number">#E29C45</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F9690E"><spanclass="color-name">ECSTASY</span><br><spanclass="hex-number">#F9690E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #CA6924"><spanclass="color-name">Amber</span><br><spanclass="hex-number">#CA6924</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F5AB35"><spanclass="color-name">LIGHTNING YELLOW</span><br><spanclass="hex-number">#F5AB35</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors">
<metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs">
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Color Picker - All - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><metaname="description"content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link current"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container color-picker-nav"><aclass="current"href="color-picker.html">All</a><ahref="color-picker-red.html">Red</a><ahref="color-picker-pink.html">Pink</a><ahref="color-picker-purple.html">Purple</a><ahref="color-picker-blue.html">Blue</a><ahref="color-picker-green.html">Green</a><ahref="color-picker-yellow.html">Yellow</a><ahref="color-picker-gray.html">Gray</a></div></div></div></div><divclass="color-wrap clearfix"><divclass="color-picker"><divclass="color-item"style="background-color:#C91F37"><spanclass="color-name">Foreign crimson</span><br><spanclass="hex-number">#C91F37</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#DC3023"><spanclass="color-name">Red orange</span><br><spanclass="hex-number">#DC3023</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#9D2933"><spanclass="color-name">Cochineal red</span><br><spanclass="hex-number">#9D2933</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#CF000F"><spanclass="color-name">Monza</span><br><spanclass="hex-number">#CF000F</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E68364"><spanclass="color-name">Brewed mustard-brown</span><br><spanclass="hex-number">#E68364</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F22613"><spanclass="color-name">Pomegranate</span><br><spanclass="hex-number">#F22613</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#CF3A24"><spanclass="color-name">Scarlet</span><br><spanclass="hex-number">#CF3A24</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#C3272B"><spanclass="color-name">Pure crimson</span><br><spanclass="hex-number">#C3272B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #8F1D21"><spanclass="color-name">True red</span><br><spanclass="hex-number">#8F1D21</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#D24D57"><spanclass="color-name">Chestnut Rose</span><br><spanclass="hex-number">#D24D57</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F08F90"><spanclass="color-name">One kin dye</span><br><spanclass="hex-number">#F08F907</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F47983"><spanclass="color-name">Peach-colored</span><br><spanclass="hex-number">#F47983</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#DB5A6B"><spanclass="color-name">Red plum colored</span><br><spanclass="hex-number">#DB5A6B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#C93756"><spanclass="color-name">Medium crimson</span><br><spanclass="hex-number">#C93756</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FCC9B9"><spanclass="color-name">Cherry blossom color</span><br><spanclass="hex-number">#FCC9B9</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFB3A7"><spanclass="color-name">Washed-out crimson</span><br><spanclass="hex-number">#FFB3A7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F62459"><spanclass="color-name">RADICAL RED</span><br><spanclass="hex-number">#F62459</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F58F84"><spanclass="color-name">Ibis wing color</span><br><spanclass="hex-number">#F58F84</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#875F9A"><spanclass="color-name">Wisteria purple</span><br><spanclass="hex-number">#875F9A</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5D3F6A"><spanclass="color-name">Bellflower color</span><br><spanclass="hex-number">#5D3F6A</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#89729E"><spanclass="color-name">Wisteria color</span><br><spanclass="hex-number">#89729E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#763568"><spanclass="color-name">Iris color</span><br><spanclass="hex-number">#763568</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#8D608C"><spanclass="color-name">Tatarian aster color</span><br><spanclass="hex-number">#8D608C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#A87CA0"><spanclass="color-name">Thin color</span><br><spanclass="hex-number">#A87CA0</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5B3256"><spanclass="color-name">Violet color</span><br><spanclass="hex-number">#5B3256</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BF55EC"><spanclass="color-name">MEDIUM PURPLE</span><br><spanclass="hex-number">#BF55EC</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #8E44AD"><spanclass="color-name">STUDIO</span><br><spanclass="hex-number">#8E44AD</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#9B59B6"><spanclass="color-name">WISTERIA</span><br><spanclass="hex-number">#9B59B6</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BE90D4"><spanclass="color-name">LIGHT WISTERIA</span><br><spanclass="hex-number">#BE90D4</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#4D8FAC"><spanclass="color-name">Sky color</span><br><spanclass="hex-number">#4D8FAC</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5D8CAE"><spanclass="color-name">Ultramarine color</span><br><spanclass="hex-number">#5D8CAE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#22A7F0"><spanclass="color-name">PICTON BLUE</span><br><spanclass="hex-number">#22A7F0</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#19B5FE"><spanclass="color-name">DODGER BLUE</span><br><spanclass="hex-number">#19B5FE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#59ABE3"><spanclass="color-name">PICTON BLUE</span><br><spanclass="hex-number">#59ABE3</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#48929B"><spanclass="color-name">Light blue color</span><br><spanclass="hex-number">#48929B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#317589"><spanclass="color-name">Thousand herb</span><br><spanclass="hex-number">#317589</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#89C4F4"><spanclass="color-name">JORDY BLUE</span><br><spanclass="hex-number">#89C4F4</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #4B77BE"><spanclass="color-name">STEEL BLUE</span><br><spanclass="hex-number">#4B77BE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#1F4788"><spanclass="color-name">Lapis lazuli color</span><br><spanclass="hex-number">#1F4788</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#003171"><spanclass="color-name">Navy blue color</span><br><spanclass="hex-number">#003171</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#044F67"><spanclass="color-name">Hanada</span><br><spanclass="hex-number">#044F67</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #264348"><spanclass="color-name">Indigo color</span><br><spanclass="hex-number">#264348</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#7A942E"><spanclass="color-name">Siskin sprout yellow</span><br><spanclass="hex-number">#7A942E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#8DB255"><spanclass="color-name">young green onion</span><br><spanclass="hex-number">#8DB255</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#5B8930"><spanclass="color-name">Fresh onion</span><br><spanclass="hex-number">#5B8930</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#6B9362"><spanclass="color-name">Young bamboo color</span><br><spanclass="hex-number">#6B9362</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#407A52"><spanclass="color-name">Patina</span><br><spanclass="hex-number">#407A52</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#006442"><spanclass="color-name">Green bamboo</span><br><spanclass="hex-number">#006442</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#87D37C"><spanclass="color-name">GOSSIP</span><br><spanclass="hex-number">#87D37C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#26A65B"><spanclass="color-name">EUCALYPTUS</span><br><spanclass="hex-number">#26A65B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #26C281"><spanclass="color-name">JUNGLE GREEN</span><br><spanclass="hex-number">#26C281</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#049372"><spanclass="color-name">OBSERVATORY</span><br><spanclass="hex-number">#049372</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#2ABB9B"><spanclass="color-name">JUNGLE GREEN</span><br><spanclass="hex-number">#2ABB9B</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#16A085"><spanclass="color-name">MOUNTAIN MEADOW</span><br><spanclass="hex-number">#16A085</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#36D7B7"><spanclass="color-name">TURQUOISE</span><br><spanclass="hex-number">#36D7B7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #03A678"><spanclass="color-name">FREE SPEECH AQUAMARINE</span><br><spanclass="hex-number">#03A678</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#4DAF7C"><spanclass="color-name">OCEAN GREEN</span><br><spanclass="hex-number">#4DAF7C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#D9B611"><spanclass="color-name">Patrinia flowers</span><br><spanclass="hex-number">#D9B611</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F3C13A"><spanclass="color-name">Amur cork tree</span><br><spanclass="hex-number">#F3C13A</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F7CA18"><spanclass="color-name">RIPE LEMON</span><br><spanclass="hex-number">#F7CA18</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E2B13C"><spanclass="color-name">Japanese triandra grass</span><br><spanclass="hex-number">#E2B13C</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#A17917"><spanclass="color-name">Rapeseed oil-colored</span><br><spanclass="hex-number">#A17917</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F5D76E"><spanclass="color-name">CREAM CAN</span><br><spanclass="hex-number">#F5D76E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F4D03F"><spanclass="color-name">SAFFRON</span><br><spanclass="hex-number">#F4D03F</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFA400"><spanclass="color-name">Bright golden yellow</span><br><spanclass="hex-number">#FFA400</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E08A1E"><spanclass="color-name">Sumac-dyed</span><br><spanclass="hex-number">#E08A1E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFB61E"><spanclass="color-name">Gamboge</span><br><spanclass="hex-number">#FFB61E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FAA945"><spanclass="color-name">Corn-colored</span><br><spanclass="hex-number">#FAA945</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFA631"><spanclass="color-name">Egg-colored</span><br><spanclass="hex-number">#FFA631</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#FFB94E"><spanclass="color-name">Floral leaf-colored</span><br><spanclass="hex-number">#FFB94E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#E29C45"><spanclass="color-name">Golden fallen leaves</span><br><spanclass="hex-number">#E29C45</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F9690E"><spanclass="color-name">ECSTASY</span><br><spanclass="hex-number">#F9690E</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #CA6924"><spanclass="color-name">Amber</span><br><spanclass="hex-number">#CA6924</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F5AB35"><spanclass="color-name">LIGHTNING YELLOW</span><br><spanclass="hex-number">#F5AB35</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BFBFBF"><spanclass="color-name">SILVER</span><br><spanclass="hex-number">#BFBFBF</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#F2F1EF"><spanclass="color-name">CARARRA</span><br><spanclass="hex-number">#F2F1EF</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#BDC3C7"><spanclass="color-name">SILVER SAND</span><br><spanclass="hex-number">#BDC3C7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#ECF0F1"><spanclass="color-name">PORCELAIN</span><br><spanclass="hex-number">#ECF0F1</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#D2D7D3"><spanclass="color-name">PUMICE</span><br><spanclass="hex-number">#D2D7D3</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#757D75"><spanclass="color-name">Harbor rat</span><br><spanclass="hex-number">#757D75</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#EEEEEE"><spanclass="color-name">GALLERY</span><br><spanclass="hex-number">#EEEEEE</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#ABB7B7"><spanclass="color-name">EDWARD</span><br><spanclass="hex-number">#ABB7B7</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color: #6C7A89"><spanclass="color-name">LYNCH</span><br><spanclass="hex-number">#6C7A89</span><br></div></div><divclass="color-picker"><divclass="color-item"style="background-color:#95A5A6"><spanclass="color-name">CASCADE</span><br><spanclass="hex-number">#95A5A6</span><br></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors">
<metaname="description"content="Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.">
<h4>Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</h4>
<iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=Bootflat.UI.Kit.PSD&type=watch&count=true"title="Star on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe>
</span>
<spanclass="github github-fork">
<iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=Bootflat.UI.Kit.PSD&type=fork&count=true"title="Fork on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe>
Bootflat UI is a set of beautiful components featuring the flat design trend.
</div>
</div>
</div>
</div>
<divclass="psd-download">
<divclass="container">
<divclass="row">
<divclass="col-md-10">
<h2>Overview</h2>
<pclass="infos">We love the new graphic design trend, and Bootflat UI Kit is a kind of style. Simple, rich and colorful and graphic design of components of the UI almost any project is perfect, from the complex Web applications and small start-up project website, and follow the Bootflat Frame update.</p>
<p>I hope you will enjoy this new product, and if you use it, do not forget to share your projects with us. I love to see all the great things you are working on!</p>
</div>
</div>
<!--footer-->
<divclass="site-footer">
<divclass="container">
<divclass="download">
<spanclass="download__infos">You can <b>free</b> download it.</span>
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Bootflat UI Kit Free PSD Download - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors"><metaname="description"content="Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps."><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link current"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Bootflat UI Kit (Version 2.0.4)</h3><h4>Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</h4><aclass="btn btn-primary"href="https://github.com/Bootflat/Bootflat.UI.Kit.PSD/archive/master.zip">Download Bootflat UI KIT PSD</a> <spanclass="github github-watch"><iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=Bootflat.UI.Kit.PSD&type=watch&count=true"title="Star on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe></span><spanclass="github github-fork"><iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=Bootflat.UI.Kit.PSD&type=fork&count=true"title="Fork on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe></span></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container">Bootflat UI is a set of beautiful components featuring the flat design trend.</div></div></div></div><divclass="psd-download"><divclass="container"><divclass="row"><divclass="col-md-10"><h2>Overview</h2><pclass="infos">We love the new graphic design trend, and Bootflat UI Kit is a kind of style. Simple, rich and colorful and graphic design of components of the UI almost any project is perfect, from the complex Web applications and small start-up project website, and follow the Bootflat Frame update.</p><divclass="row"><divclass="col-md-6"><divclass="row"><divclass="col-md-4"><imgsrc="img/fast.png"></div><divclass="col-md-8"><h4>Save your time</h4><p>Don't waste your time on the composition of the same. Use your time to develop new ideas and projects.</p></div></div></div><divclass="col-md-6"><divclass="row"><divclass="col-md-4"><imgsrc="img/design.png"></div><divclass="col-md-8"><h4>Elaborate design</h4><p>All the components are independent, easy to be integrated into the design and layout of any project.</p></div></div></div></div><divclass="row"><divclass="col-md-6"><divclass="row"><divclass="col-md-4"><imgsrc="img/together.png"></div><divclass="col-md-8"><h4>Components fit together</h4><p>All components to use the same style. You can easily apply them in the design projects of various.</p></div></div></div><divclass="col-md-6 clearfix"><divclass="row"><divclass="col-md-4"><imgsrc="img/prototyping.png"></div><divclass="col-md-8"><h4>Fast prototyping</h4><p>You will be able to quickly develop high-quality prototypes in full-color. Your clients will appreciate prototypes with beautiful components.</p></div></div></div></div></div></div></div></div><divclass="previews"><divclass="container"><h2>Preview</h2><p>You will find Buttons, Text edits, Menus, Sliders and more, Beautiful Complex Blocks and many other useful web elements.</p></div><imgsrc="img/bootflat-ui-kit.jpg"alt="Bootflat UI Kit"><divclass="container"><h2>Thanks for watching!</h2><p>I hope you will enjoy this new product, and if you use it, do not forget to share your projects with us. I love to see all the great things you are working on!</p></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You can <b>free</b> download it.</span> <aclass="btn btn-primary"href="https://github.com/Bootflat/Bootflat.UI.Kit.PSD/archive/master.zip">Download Bootflat UI Kit PSD</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/Bootflat.UI.Kit.PSD"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/Bootflat/Bootflat.UI.Kit.PSD"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/Bootflat.UI.Kit.PSD/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<p>Why is this important? Bootstrap is a reliable and proven tool for developers, validated in the field. It reminds us of Superman, a friend you can trust completely with a serious project.</p>
<dl>
<dt>OOCSS Approach</dt>
<dd>Object-based coding method encourages code reuse and creates faster and more efficient style sheets, which are easier to add to and maintain.</dd>
<dt>Bootstrap 3.3.0 Support</dt>
<dd>Now Bootflat is supporting Bootstrap 3.3.0 as well.</dd>
<dt>Configurable Color Scheme</dt>
<dd>You can change any or all of the colors if you wish. Bootflat is easy to configure and match to your brand's color scheme.</dd>
<dt>Easy Installation</dt>
<dd>Upload all Bootflat files and paste one line of code at the bottom of your <code>head</code> tag. That’s it!</dd>
<dt>Bootflat UI Kit Free Download</dt>
<dd><ahref="free-psd.html">Bootflat UI Kit</a> is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</dd>
<dt>Bootflat Flat UI Color Picker</dt>
<dd><ahref="color-picker.html">Bootflat Flat UI Color Picker</a> is a project digging the Flat Color Picker which gives you the perfect colors for flat designs.</dd>
<p>Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.</p>
<p>Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootflat. You'll see something like this:</p>
<pre><codeclass="bash">bootflat/
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Getting Started - Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors"><metaname="description"content="An overview of Bootflat, why we built it, how to use it, and what you should know along the way."><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><body><divclass="docs-header"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link current"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="topic"><divclass="container"><divclass="col-md-8"><h3>Getting Started with Bootflat Framework</h3><h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4></div><divclass="col-md-4"><divclass="advertisement"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></div></div></div><divclass="topic__infos"><divclass="container">Getting started With Bootflat is easy. Whether you are a master of Sass, building a new app, we've got you covered.</div></div></div></div><divclass="container documents"><divclass="row"><divclass="col-md-12"><divclass="docs-article docs--start"id="overview"><h3>Overview</h3><p>Why is this important? Bootstrap is a reliable and proven tool for developers, validated in the field. It reminds us of Superman, a friend you can trust completely with a serious project.</p><dl><dt>OOCSS Approach</dt><dd>Object-based coding method encourages code reuse and creates faster and more efficient style sheets, which are easier to add to and maintain.</dd><dt>Bootstrap 3.3.0 Support</dt><dd>Now Bootflat is supporting Bootstrap 3.3.0 as well.</dd><dt>Configurable Color Scheme</dt><dd>You can change any or all of the colors if you wish. Bootflat is easy to configure and match to your brand's color scheme.</dd><dt>Easy Installation</dt><dd>Upload all Bootflat files and paste one line of code at the bottom of your <code>head</code> tag. That’s it!</dd><dt>Bootflat UI Kit Free Download</dt><dd><ahref="free-psd.html">Bootflat UI Kit</a> is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</dd><dt>Bootflat Flat UI Color Picker</dt><dd><ahref="color-picker.html">Bootflat Flat UI Color Picker</a> is a project digging the Flat Color Picker which gives you the perfect colors for flat designs.</dd></dl></div><divclass="docs-article docs--start"id="download"><h3>Download</h3><p>Download the latest official release of Bootflat and get started!</p><ulclass="item__infos"><li>Version 2.0.4</li><li>Released July 09 2014</li></ul><p><aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat Framework (v2.0.4)</a></p></div><divclass="docs-article docs--start"id="Install"><h3>Install</h3><ulclass="item__infos"><li>Clone the repo: <code>git clone https://github.com/bootflat/bootflat.github.io.git</code></li><li>Install with <ahref="https://www.npmjs.org/"target="_blank"rel="nofollow">npm</a><code>npm install bootflat</code></li><li>Install with <ahref="http://bower.io/"target="_blank"rel="nofollow">bower</a><code>bower install Bootflat</code></li></ul></div><divclass="docs-article docs--start"id="included"><h3>What's included</h3><p>Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.</p><p>Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootflat. You'll see something like this:</p><pre><codeclass="bash">bootflat/
<p>The CSS can stand on its own, but it is also built to be enhanced by the developer. For simplicity you can always just add in your own CSS and override default properties. And for even more power and flexibility, the core is written with <ahref="http://sass-lang.com/"target="_blank"rel="external nofollow">Sass 3.3.9</a> and includes easily customized variables and mixins. We feel we’ve left the CSS in a state which can be easily extended to get your own look and feel.</p>
<p>As such, our browser support tends to be whatever Web View API is available to native on a given platform. For Bootflat v2.0.4, that means UIWebView for E8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</p>
<p>For the designers, we offer a free PSD file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</p>
<p><ahref="color-picker.html">Bootflat Flat UI Color Picker</a> is a project digging the Flat Color Picker which gives you the perfect colors for flat designs.</p>
<p>Bootflat is an open source framework released under a permisive <ahref="http://opensource.org/licenses/MIT">MIT</a> license. This means you can use Bootflat in your own personal or commercial projects for free. MIT is the same license used by such popular projects as jQuery and Ruby on Rails.</p>
</div>
</div>
</div>
</div>
<!--footer-->
<divclass="site-footer">
<divclass="container">
<divclass="download">
<spanclass="download__infos">You simply have to <b>try it</b>.</span>
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
</code></pre></div><divclass="docs-article docs--start"id="css-sass"><h3>CSS/SASS</h3><p>The CSS can stand on its own, but it is also built to be enhanced by the developer. For simplicity you can always just add in your own CSS and override default properties. And for even more power and flexibility, the core is written with <ahref="http://sass-lang.com/"target="_blank"rel="external nofollow">Sass 3.4.9</a> and includes easily customized variables and mixins. We feel we’ve left the CSS in a state which can be easily extended to get your own look and feel.</p></div><divclass="docs-article docs--start"id="browser-support"><h3>Browser Support</h3><p>As such, our browser support tends to be whatever Web View API is available to native on a given platform. For Bootflat v2.0.4, that means UIWebView for E8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</p></div><divclass="docs-article docs--start"id="download"><h3>Bootflat UI Kit</h3><p>For the designers, we offer a free PSD file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</p><p><aclass="btn btn-primary"href="free-psd.html">Download Bootflat UI Kit (v2.0.0)</a></p></div><divclass="docs-article docs--start"id="color-picker"><h3>Bootflat Flat UI Color Picker</h3><p><ahref="color-picker.html">Bootflat Flat UI Color Picker</a> is a project digging the Flat Color Picker which gives you the perfect colors for flat designs.</p></div><divclass="docs-article docs--start"id="licensing"><h3>Licensing</h3><p>Bootflat is an open source framework released under a permisive <ahref="http://opensource.org/licenses/MIT">MIT</a> license. This means you can use Bootflat in your own personal or commercial projects for free. MIT is the same license used by such popular projects as jQuery and Ruby on Rails.</p></div></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
<metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors">
<metaname="description"content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework.
And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.">
<imgsrc="img/logo-index.png"alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework">
</h1>
<h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. <br/>And, for the designers, we offer a <ahref="free-psd.html">free PSD Download</a>. <br/>It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
<ahref="#learn-more">Learn more <iclass="icon"data-icon=""></i></a>
</p>
</div>
<!--social-->
<ulclass="social">
<liclass="github-watch">
<iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=bootflat.github.io&type=watch&count=true"title="Star on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe>
</li>
<liclass="github-fork">
<iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=bootflat.github.io&type=fork&count=true"title="Fork on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe>
<p>Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with <ahref="http://sass-lang.com/"target="_blank"rel="external nofollow">Sass 3.3.9</a>.</p>
<p>Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
<p>Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization.</p>
<p>Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes.</p>
</div>
</div>
</div>
<divclass="desc__introduces">
<h3>Bootflat UI Kit</h3>
<p>Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps. <ahref="free-psd.html">Go to download it</a>.</p>
<aclass="btn"href="documentation.html">Read the Documentation</a>
<!-- SmartAddon BEGIN -->
<script type="text/javascript">
(function(){
<!DOCTYPE html><html><head><metacharset="utf-8"><title>Bootflat</title><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"><metaname="smartaddon-verification"content="936e8d43184bc47ef34e25e426c508fe"><metaname="keywords"content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors"><metaname="description"content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework.
And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps."><linkrel="shortcut icon"href="favicon_16.ico"><linkrel="bookmark"href="favicon_16.ico"><linkrel="stylesheet"href="css/site.min.css"><linkhref="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"rel="stylesheet"type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--><script type="text/javascript"src="js/site.min.js"></script></head><bodyclass="home"><divclass="docs-header header--noBackground"><navclass="navbar navbar-default navbar-custom"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="index.html"><imgsrc="img/logo.png"height="40"></a></div><divclass="collapse navbar-collapse"><ulclass="nav navbar-nav navbar-right"><li><aclass="nav-link"href="getting-started.html">Getting Started</a></li><li><aclass="nav-link"href="documentation.html">Documentation</a></li><li><aclass="nav-link"href="free-psd.html">Free PSD</a></li><li><aclass="nav-link"href="color-picker.html">Color Picker</a></li></ul></div></div></nav><divclass="index"><h1><imgsrc="img/logo-index.png"alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework"></h1><h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework.<br>And, for the designers, we offer a <ahref="free-psd.html">free PSD Download</a>.<br>It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.</h2><h3>Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</h3><pclass="download-link"><aclass="btn btn-primary"href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.4)</a></p><pclass="version-text">MIT Licensed - Version 2.0.4</p><pclass="adpacks"><script asynctype="text/javascript"src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat"id="_adpacks_js"></script></p><pclass="learn-more Bootflat"><ahref="#learn-more">Learn more <iclass="icon"data-icon=""></i></a></p></div><ulclass="social"><liclass="github-watch"><iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=bootflat.github.io&type=watch&count=true"title="Star on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe></li><liclass="github-fork"><iframesrc="http://ghbtns.com/github-btn.html?user=bootflat&repo=bootflat.github.io&type=fork&count=true"title="Fork on GitHub"frameborder="0"scrolling="0"width="150"height="25"></iframe></li><liclass="twitter-follow"><iframeallowtransparency="true"frameborder="0"scrolling="no"src="http://platform.twitter.com/widgets/follow_button.1375828408.html#_=1376720237528&id=twitter-widget-1&lang=en&screen_name=flathemes&show_count=true&show_screen_name=true&size=m"class="twitter-follow-button twitter-follow-button"title="Twitter Follow Button"data-twttr-rendered="true"style="width: 254px; height: 20px"></iframe></li><liclass="twitter-share"><iframeallowtransparency="true"frameborder="0"scrolling="no"src="http://platform.twitter.com/widgets/tweet_button.1375828408.html#_=1376720237525&count=horizontal&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fgetbootstrap.com%2F&related=mdo%3ACreator%20of%20Twitter%20Bootstrap&size=m&text=Bootflat&url=http%3A%2F%2Fflathemes.com%2F&via=flathemes"class="twitter-share-button twitter-count-horizontal"title="Twitter Tweet Button"data-twttr-rendered="true"style="width: 116px; height: 20px"></iframe></li></ul><divid="learn-more"class="desc container"><divclass="desc__introduces"><h3>Designed for everyone, everywhere.</h3><p>Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with <ahref="http://sass-lang.com/"target="_blank"rel="external nofollow">Sass 3.4.9</a>.</p></div><divclass="desc__features"><divclass="row"><divclass="col-md-6"><divclass="features__photo"><imgsrc="img/feature-bootstrap.png"></div><h4>Bootstrap 3.3.0</h4><p>Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p></div><divclass="col-md-6"><divclass="features__photo"><imgsrc="img/feature-css.png"></div><h4>HTML5 & CSS3</h4><p>Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization.</p></div></div><divclass="row"><divclass="col-md-6"><divclass="features__photo"><imgsrc="img/feature-lightweight.png"></div><h4>Lightweight</h4><p>Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.</p></div><divclass="col-md-6"><divclass="features__photo"><imgsrc="img/feature-mobile.png"></div><h4>Mobile first</h4><p>Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes.</p></div></div></div><divclass="desc__introduces"><h3>Bootflat UI Kit</h3><p>Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps. <ahref="free-psd.html">Go to download it</a>.</p><divclass="photo--responsive"><imgsrc="img/bootflat-ui-kit.jpg"></div></div></div><divclass="site-footer"><divclass="container"><divclass="download"><spanclass="download__infos">You simply have to <b>try it</b>.</span> <aclass="btn btn-primary"href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a> <aclass="btn"href="documentation.html">Read the Documentation</a> <script type="text/javascript">(function(){
<p>Bootflat is hosted on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<divclass="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <ahref="https://github.com/bootflat/bootflat.github.io"target="_blank"rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<divclass="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <ahref="https://github.com/bootflat/bootflat.github.io/issues"target="_blank"rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hrclass="dashed"/>
<divclass="row">
<divclass="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <ahref="https://twitter.com/flathemes"target="_blank">@flathemes</a> Email us at <spanclass="connect">info@flathemes.com</span></li>
"description":"BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",