UIkit Elements

Buttons - Default Size:

Default Button Primary Button Success Button Warning Button Danger Button

Buttons - Mini Size:

Default Button Primary Button Success Button Warning Button Danger Button

Buttons Large size:

Default Button Primary Button Success Button Warning Button Danger Button

Buttons Groups wtih default size buttons:

Buttons Groups wtih large size buttons:

Full width button:

Full width primary button:

Badges:

Primary Success Warning Danger Percent 1 2 3 4 5

Icon Buttons:

Alert Messages:

To indicate success or a positive message add the .uk-alert-success class.

To indicate a message containing a warning add the .uk-alert-warning class.

To indicate an important message add the .uk-alert-danger class.

Title Large Alert

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Progress Bars:

 
 
 
 
 
 

Modal Dialogs:

Click Me

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Off-canvas Sidebars:

Click Me

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tooltips:

Hover me


Scrollspy animations - Triggers events and animations while scrolling your page.

Fade

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale up

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale down

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Explore All UI KIT Examples

01. About Us

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque.

Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum

Read More

02. Locate Our Offices

Sofia, Bulgaria (HQ)

2nd Ave and Washington

+555.123.4567

office (@) yoursite.com


Eltze, Germany

Berg Strasse and 8th

+555.123.4567

office (@) yoursite.com

03. Latest News

  • 25
    Sep
    2018
    Expert Advice: Don't Buy It!

    Use negative titles occasionally. For example, a blog post, that sound like this "Top 7 Gadgets for Handy Fathers” would get a lot of clicks. The same goes for f a blog post titled “Don’t Buy these Ridiculous Gadgets”. Thiscan

  • 25
    Sep
    2018
    Client's Loyalty

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor

  • 1
  • 2
© 2018 Your Company. All Rights Reserved. Designed By DHtheme