×

UI Kit  /  Base Company Dashboard E-Commerce Headers & Footers Magazine Social

Width

.ui-w-140
.ui-w-120
.ui-w-100
.ui-w-80
.ui-w-60
.ui-w-50
.ui-w-40
.ui-w-30
.ui-w-20

Grayscale images

Hoverable:

Full height

min-height: 100vh

Squares and rects

Square and rect blocks are keep their height relative to the parent's width.

.ui-square
.ui-rect-75
.ui-rect-67
.ui-rect-60
.ui-rect
.ui-rect-30

With content:

.ui-square
.ui-rect-75
.ui-rect-67
.ui-rect-60
.ui-rect
.ui-rect-30

Icons

Small:

Stars

Hoverable:

Custom icon:

Custom colors:

List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Text block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed sollicitudin metus. Pellentesque ut ultrices metus. Nam rutrum vehicula odio, sed auctor libero lacinia vitae. Nullam volutpat pretium suscipit. Nunc eget lectus mauris. Vestibulum laoreet euismod nisl non tristique. Etiam mollis ex sed nibh feugiat dictum. Nullam ornare diam sed arcu interdum condimentum. Maecenas pharetra nibh interdum, laoreet ex et, dapibus lorem. Pellentesque a justo eu dolor tempus luctus.

Suspendisse nec nisl quis ligula volutpat scelerisque vel a mi. Vivamus et velit elit.

Aliquam consequat orci id arcu venenatis tempus. Donec varius convallis enim, ac auctor libero euismod eu. Nam rutrum molestie diam et sagittis. Integer consequat vestibulum interdum. Integer consequat scelerisque lectus, et viverra massa aliquam at. Phasellus consequat faucibus justo eu pulvinar. Maecenas tincidunt non urna in luctus. Vivamus et tellus tortor. In eleifend euismod imperdiet.

Company text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed sollicitudin metus. Pellentesque ut ultrices metus. Nam rutrum vehicula odio, sed auctor libero lacinia vitae. Nullam volutpat pretium suscipit. Nunc eget lectus mauris. Vestibulum laoreet euismod nisl non tristique. Etiam mollis ex sed nibh feugiat dictum. Nullam ornare diam sed arcu interdum condimentum. Maecenas pharetra nibh interdum, laoreet ex et, dapibus lorem. Pellentesque a justo eu dolor tempus luctus.

Backgrounds

.ui-bg-cover
.ui-bg-fixed

With overlay:

.ui-bg-cover
.ui-bg-fixed

Video background

With overlay:

Responsive devices

Macbook:

Available macbook images:

iPhone:

Browser window:

Presentaions

Hero

Hero content

Customer review

Lorem ipsum dolor sit amet, mel ea molestie erroribus consequuntur, munere iracundia percipitur ne usu, his saperet tractatos no.

Statistics icon

Feed icons

Activity icons

Product badge

BEST CHOICE

Product color

     

Small:

     

Large:

     

Payment

Small:

Play icon