UI Elements > JQuery UI

  • My Income $47,171
  • Site Traffic  45%
  • Site Orders  2447

Jquery Tabs
Simple Tabs

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.


Dynamic Tabs
Click button to add another tab

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Slider
Horizontal Slider with tooltip

185
150 : 760

Usage Its so simple...

<input class="slider slider-primary" data-slider-min="10" ..  />

data-slider-min="10"        // slider min value
data-slider-max="500"       // slider max value
data-slider-value="315"     // handler position on slider
data-slider-handle="round"  // round or square 

Spinner

Auto Complete
Type something to reveal autocompelete tags

Usage: data-autocomplete= ' ["this", "message", "bold", "text"] '

Auto Complete Ajax
Fetches data from JSON url

Accordion
With fontawesome icons

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Progress Bar
Default progress bar.

Layout Options
Clear Localstorage
Factory Reset
SmartAdmin Skins
Smart DefaultDark EleganceUltra LightGoogle SkinPixelSmash Glass MaterialDesign beta