UIKit Demo

UI Kit

UI Kit – Made to Exacting German Specs

One of the Open Source -components this site is built with is called “UI Kit”.

Developed by YooTheme, UI Kit is a lightweight and modular front-end framework for developing fast and powerful web interfaces (whether or not those are part of a CMS). This framework makes for quick development using a comprehensive collection of HTML, CSS, and JS components which are simple to use, easy to customize and extendable.

Below is a sample of the styles and elements that this kit makes easy to use in any site, for sharp look & function in less time… Just one of the many tricks & strategies I employ to help you to have a better site for less!

UI Kit Elements



Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.



Article title

Lorem ipsum dolor sit amet.

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

<div class="myclass">...</div>

text-muted
text-info
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge
1
Success
4
Warning
3
Danger
4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous

  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%

55%

55%

55%

Form states
Form styles








  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Pete Banta

Web Dude. Shredder. Jammer. Lover.