User Interface Elements Buttons, alerts, pagination, ribbons & more.

Stroke buttons
Circle Buttons
Circle Stroke
Regular buttons
Buttons + Icons
Buttons + Dropdowns
Double buttons
Double Stroke

Alerts

Warning!Best check yo self, you're not looking too good.
Warning!Best check yo self, you're not looking too good.
Warning!Best check yo self, you're not looking too good.
Warning!Best check yo self, you're not looking too good.

Pagination

Aligned right

Aligned center

JQuery Pagination (Dynamic / AJAX Pagination)

Init with 23 pages. Visible only 10 at once. Start with page 1.

Dynamic content here.

Labels & Badges
Type Badges Labels
Default 1 1 Default Default Stroke
Primary 1 1 Primary Primary Stroke
Success 2 2 Success Success Stroke
Warning 4 4 Warning Warning Stroke
Danger 6 6 Danger Danger Stroke
Info 8 8 Info Info Stroke
Inverse 10 10 Inverse Inverse Stroke

Ribbons

Default

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
50% Off
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
50% Off
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
50% Off
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
50% Off

Smaller

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took ...
50% Off
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took ...
50% Off

Progress bars

Styles Preview
Default
Primary
Success
Warning
Danger
Inverse
Mini

Tooltips

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.

Tooltip on Left Tooltip on Top
Tooltip on Right Tooltip on Bottom

Popovers

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover on Left Popover on Top
Popover on Right Popover on Bottom