Typography

Heading 1

The quick brown fox jumps over a lazy dog

Heading 2

The quick brown fox jumps over a lazy dog

Heading 3

The quick brown fox jumps over a lazy dog

Heading 4

The quick brown fox jumps over a lazy dog

Heading 5
The quick brown fox jumps over a lazy dog
Heading 6
The quick brown fox jumps over a lazy dog

Components

Buttons, avatars, images, cards

Avatars and Placeholders

avatar
avatar
avatar
avatar
avatar
avatar
SU
SU
SU
SU
SU

Buttons

Default Button

Button Rectangle

Button Rounded

Button Outline

Button Shade

Form inputs and select/dropdowns

  • React, Vuejs and Angular
  • Bootstrap and Bulma
  • Invision, Figma and Sketch
  • React, Vuejs and Angular
  • Bootstrap and Bulma
  • Invision, Figma and Sketch
  • React, Vuejs and Angular
  • Bootstrap and Bulma
  • Invision, Figma and Sketch
  • React, Vuejs and Angular
  • Bootstrap and Bulma
  • Invision, Figma and Sketch

12 column Grid

col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-2
col-2
col-2
col-2
col-2
col-2
col-3
col-3
col-3
col-3
col-4
col-4
col-4
col-5
col-2
col-5
col-6
col-6
col-7
col-5
col-8
col-4
col-3
col-9
col-2
col-10
col-1
col-11
col-12

Cards

This card is environmentally friendly

Guess pictures don't lie, you can see it for yourself. You can relate

This card is environmentally friendly

Guess pictures don't lie, you can see it for yourself. You can relate

This card is environmentally friendly

Guess pictures don't lie, you can see it for yourself. You can relate

landscape
Focus point
landscape
Ocean wave
landscape
Point of focus
landscape
Wavy angles
dawn
This card is dope
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, libero?
user
Sullivan Wisdom
Designer
dawn
This card is dope
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, libero?
user
Sullivan Wisdom
Designer

Accordions

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

One minute you're the hero

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat animi odit ullam quis, nobis magni omnis deleniti qui sed reiciendis officiis illum aut veritatis maiores harum reprehenderit mollitia accusantium praesentium.

Tooltips

top tooltip
Brilliance is evenly distributed? seriously? hmmmm
top tooltip
Brilliance is evenly distributed? seriously? hmmmm
top tooltip
Brilliance is evenly distributed? seriously? hmmmm
top tooltip
Brilliance is evenly distributed? seriously? hmmmm

Alerts

Congrats! You successfully screwed up
Make sure you register.
I'm warning you for the last time
That's not TIA!

Modal

Basic List

  • Asa
  • Burna Boy
  • Wizkid
  • Davido
  • Liverpool Fc
  • Borussia Dortmund
  • As Roma
  • Napoli SC
  • Steven Gerrad
  • Fernando Torres
  • Sadio Mane
  • Mohammed Salah
  • Ismail Ibrahim
  • Samuel Afolaranmi
  • Jehonadab Okpuroro
  • Seun Agbeye