Get started with flat-ui CDN

CC BY 3.0 and MIT licensed

Modern, intuitive interface framework: Flat-UI, flat design, responsive components.

Tags:
  • ui
  • flat
  • bootstrap

Stable version

Copied!

How to start using flat-ui CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/flat-ui/2.3.0/css/flat-ui.min.css">
  <title>Get started with flat-ui CDN - cdnhub.io</title>
</head>
<body>
  <div class="flat-row">
    <div class="flat-col-6">
      <button class="flat-button flat-button-primary">Primary</button>
      <button class="flat-button">Default</button>
      <button class="flat-button flat-button-success">Success</button>
      <button class="flat-button flat-button-warning">Warning</button>
      <button class="flat-button flat-button-danger">Danger</button>
    </div>
    <div class="flat-col-6">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nullam quis ante. Etiam sit amet orci eget erat vehicula facilisis. Etiam sodales. Ut semper lacinia metus.</p>
    </div>
  </div>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions