PaperCSS

the less formal CSS framework

Get PaperCSS Documentation About Github
^

Things

Card example image

My awesome Paper card!

Nice looking subtitle.

Notice that the card width in this example have been set to 20rem, otherwise it will try to fill the current container/row where the card is.

My awesome Paper card!

Nice looking subtitle.

This is another example of a card without image. Cards are also meant to be used without images, but with text/links/buttons.

First link Second link

My awesome Paper card!

Nice looking subtitle.

You can also place image on the bottom of the card.

Card example image

Modal Title

Modal Subtitle

This is an example of modal which is implemented with pure CSS! :D

Popover left position

Popover top position

Popover bottom position

Popover right position

Bacon ipsum dolor sit amet beef venison beef ribs kielbasa...

Brisket meatball turkey short loin boudin leberkas meatloaf...

Some Radio Buttons
Some Check Boxes
Some Switch

Default - standard outline style (square & circle)

Type2 - inline style (square & circle)

Type3 - Tile style

Sliders
50%
Border primary
Border secondary
Border success
Border warning
Border danger
Border white
1
2
3
4
5
6
Dashed
Dotted
Dashed Thick
Dotted Thick
Large Shadow
Default Shadow
Small Shadow
Hover Shadow
Danger