Introduction

Welcome to the world famous user interface framework which was made by developers, for developers. Famous UI was created with for both sophisticated and simple developers in mind. Get started by using the instructions below powered by Boom CDN.

Quick Start

It's time to rock and roll! The good folks at Famous Internet Solutions were nice enough to put together the quick tutorial below. Feel free to use Boom CDN as your reliable host for all that Famous UI has to offer. You can also download the source files or use a package manager.

CSS

Copy-paste the stylesheet <link> into your <head>

<link rel="stylesheet" href="https://cdn.boomcdn.com/libs/famous-ui/1.0/famousui-min.css">

Javascript

Copy-paste the following <script> at the very bottom of your </body>

<script src="https://cdn.boomcdn.com/libs/famous-ui/1.0/famousui-min.js"></script>

We highly recommend that you use both the CSS and the Javascript because a majority of the components require the two of them together.

Starter Template

For optimal performance, we use the latest HTML5 design and development standards. Use the following snippet to get started as quickly and conviently as possible:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

Thats it! Use the [ Copy ] button or copy and paste the code into your favrite code editor.