Show and hide HTML content using Fire UI accordion.

Accordion

Style your website with boxes using Fire UI box.

Design your website with buttons using Fire UI buttons.

Buttons

Design your website with cards using Fire UI card.

Card

Adding and design program code into your website using Fire UI code.

Code

Fire UI provides some basic colors and Fire UI supports night theme.

Colors and theme

Container is fundamental class of Fire UI, making your website to be mobile friendly. - Fire UI - Components - Container - Starter template

Container

Customize

Download

Add form into your web page using Fire UI form feature.

Form

Powerful, mobile-first, twelve columns grid system.

Grid system

Start using Fire UI image to style your imagess - Fire UI - Components - Image

Image

Get started with Fire UI, an open-source framework to help you build website easier.

Introduction

Start using Fire-UI Marquee to animate your text easily with easy configuration! - Fire UI - Components - Marquee

Marquee

Create dialogs to your site, user notifications and others using Fire UI modal.

Modal

Start navigate your user into a specific page or section using Fire UI navbar.

Navigation bar

Need a collection of images without wasting your pages and time? Slideshow is here for you!

Slideshow

Give your element spacing from other elements with Fire UI spacing.

Spacing

Fire UI Table - Fire UI - Components - Table

Table

Use Fire UI tabs to separate content into different panels where each pane is viewable one at a time. - Fire UI - Components - Tabs

Tabs

Start using Fire UI timeline to display things that happens orderly. - Fire UI - Components - Timeline

Timeline

Start using Fire UI tooltip plugin to display some information about an element when user hovers a mouse pointer over and enhance your UI with Fire-UI's tooltip! - Fire UI - Components - Tooltip

Tooltip

<h1 id="download">Download</h1>
<div class="division">

<h2 id="source-code">Source code</h2>
<p>Fire UI is completely open source and available on <a href = "https://github.com/fire-ui/fire-ui" class="link">GitHub</a> or download respository zip <a href = "https://github.com/fire-ui/fire-ui/zipball/master" class="link">here</a></p>
</div>
<div class="division">

<h2 id="package-managers">Package managers</h2>
<h3 id="npm">npm</h3>
<p>Install Fire UI in your Node.js powered apps with the <a href = "https://npmjs.com" class="link">npm package manager</a></p>
<pre><code>npm install @fire-ui/fire-ui
</code></pre>
<div class="division">

<h2 id="examples">Examples</h2>
<ul>
<li>Profile page template<ul>
<li><a href = "https://github.com/fire-ui/Profile-Page-Template/zipball/master" class="link">Download zip</a></li>
<li><a href = "https://github.com/fire-ui/Profile-Page-Template" class="link">Repository</a></li>
</ul>
</li>
<li>Landing page template<ul>
<li><a href = "https://github.com/fire-ui/landing-page-template/zipball/master" class="link">Download zip</a></li>
<li><a href = "https://github.com/fire-ui/landing-page-template" class="link">Repository</a></li>
</ul>
</li>
</ul>
<p>More examples will available soon</p>
</div>