FlatLib

Typography

Open Sans
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit euismod nulla eget porttitor. Quisque euismod nunc erat, ut varius tellus mattis a.

SF Mono
Nulla sagittis, risus in rhoncus maximus, nunc mi dignissim sem, porttitor rhoncus urna leo venenatis arcu. Curabitur at condimentum mi. Maecenas gravida efficitur ex eget euismod. Aliquam condimentum convallis tincidunt.

Headings

<h1></h1> Heading 1

<h2></h2> Heading 2

<h3></h3> Heading 3

<h4></h4> Heading 4

<h5></h5> Heading 5

<h6></h6> Heading 6

Inline text elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

Notification alerts

Default
Primary notification details
Secondary notification details
Light notification details
Dark notification details
Good notification details
Warning notification details
Bad notification details

Badges

Primary Secondary Light Dark Success Warning Danger

Sliders

shape
thumb
stroke
border
colors
boolean

Buttons

shape default rounded rounded 2 circle
stroke stroke stroke stroke stroke
border default rounded rounded 2 circle
relief default rounded rounded 2 circle
size x-small small default large x-large
size circle x-small small default large x-large
colors default primary secondary light dark

Images

default rounded circled framed thin framed medium framed thick

Progress bar

shape
stroke
border
colors

Progress circular

colors
default
primary
secondary
light
dark
sizes
60%
60%
60%
60%
60%
pourcents
50%
60%
70%
80%
90%
100%
webkit
40%

Tooltips

shape
default
rounded
rounded 2
circle
stroke
default
rounded
rounded 2
circle
border
default
rounded
rounded 2
circle
relief
default
rounded
rounded 2
circle
colors
default
rounded
rounded 2
circle
circle

Icons (v1)

CV FILE FILE

scrollbars

hidden
colors
webkit
www.000webhost.com