HTML Complete UI  / 
Plugins

Numeral.js

https://github.com/adamwdraper/Numeral-js <script src="assets/vendor/libs/numeral/numeral.js"></script>

Examples

Bootstrap Slider

https://github.com/seiyria/bootstrap-slider <link rel="stylesheet" href="assets/vendor/libs/bootstrap-slider/bootstrap-slider.css"> <script src="assets/vendor/libs/bootstrap-slider/bootstrap-slider.js"></script>

Examples

Filter by price interval: € 10 € 1000

noUiSlider

https://refreshless.com/nouislider/ <link rel="stylesheet" href="assets/vendor/libs/nouislider/nouislider.css"> <script src="assets/vendor/libs/nouislider/nouislider.js"></script>

Examples

Select2

https://select2.github.io <link rel="stylesheet" href="assets/vendor/libs/select2/select2.css"> <script src="assets/vendor/libs/select2/select2.js"></script>

Examples

Bootstrap Tagsinput

https://github.com/bootstrap-tagsinput/bootstrap-tagsinput <link rel="stylesheet" href="assets/vendor/libs/bootstrap-tagsinput/bootstrap-tagsinput.css"> <script src="assets/vendor/libs/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>

Examples

Bootstrap Select

https://github.com/silviomoreto/bootstrap-select <link rel="stylesheet" href="assets/vendor/libs/bootstrap-select/bootstrap-select.css"> <script src="assets/vendor/libs/bootstrap-select/bootstrap-select.js"></script>

Examples








Bootstrap Multiselect

https://github.com/davidstutz/bootstrap-multiselect <link rel="stylesheet" href="assets/vendor/libs/bootstrap-multiselect/bootstrap-multiselect.css"> <script src="assets/vendor/libs/bootstrap-multiselect/bootstrap-multiselect.js"></script>

Examples



Bootstrap Datepicker

https://bootstrap-datepicker.readthedocs.io/en/latest/ <link rel="stylesheet" href="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css"> <script src="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script>

Examples

to

Flatpickr

https://github.com/flatpickr/flatpickr <link rel="stylesheet" href="assets/vendor/libs/flatpickr/flatpickr.css"> <script src="assets/vendor/libs/flatpickr/flatpickr.js"></script>

Examples

Bootstrap Daterangepicker

http://www.daterangepicker.com <link rel="stylesheet" href="assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css"> <script src="assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js"></script> <script src="assets/vendor/libs/moment/moment.js"></script>

Examples

Bootstrap Material DateTimePicker

https://github.com/T00rk/bootstrap-material-datetimepicker <link rel="stylesheet" href="assets/vendor/libs/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.css"> <script src="assets/vendor/libs/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.js"></script> <script src="assets/vendor/libs/moment/moment.js"></script>

Examples

jQuery Timepicker

https://github.com/jonthornton/jquery-timepicker <link rel="stylesheet" href="assets/vendor/libs/timepicker/timepicker.css"> <script src="assets/vendor/libs/timepicker/timepicker.js"></script>

Examples

Minicolors

https://github.com/claviska/jquery-minicolors
<link rel="stylesheet" href="assets/vendor/libs/minicolors/minicolors.css"> <script src="assets/vendor/libs/minicolors/minicolors.js"></script>

Examples

Fullcalendar

https://fullcalendar.io/ <link rel="stylesheet" href="assets/vendor/libs/fullcalendar/fullcalendar.css"> <script src="assets/vendor/libs/fullcalendar/fullcalendar.js"></script> <script src="assets/vendor/libs/moment/moment.js"></script>
Fullcalendar has partial support of IE10.

Examples

Autosize

https://github.com/jackmoore/autosize <script src="assets/vendor/libs/autosize/autosize.js"></script>

Examples

Vanilla Text Mask

https://github.com/text-mask/text-mask/tree/master/vanilla#readme <script src="assets/vendor/libs/vanilla-text-mask/vanilla-text-mask.js"></script> <script src="assets/vendor/libs/vanilla-text-mask/text-mask-addons.js"></script>

Examples

Bootbox

http://bootboxjs.com <script src="assets/vendor/libs/bootbox/bootbox.js"></script>

Examples

SweetAlert2

https://github.com/sweetalert2/sweetalert2
<link rel="stylesheet" href="assets/vendor/libs/sweetalert2/sweetalert2.css"> <script src="assets/vendor/libs/sweetalert2/sweetalert2.js"></script>

Examples

Growl

https://github.com/ksylvest/jquery-growl <link rel="stylesheet" href="assets/vendor/libs/growl/growl.css"> <script src="assets/vendor/libs/growl/growl.js"></script>

Examples

Toastr

https://github.com/CodeSeven/toastr <link rel="stylesheet" href="assets/vendor/libs/toastr/toastr.css"> <script src="assets/vendor/libs/toastr/toastr.js"></script>

Examples


Bootstrap Markdown

https://github.com/toopay/bootstrap-markdown <link rel="stylesheet" href="assets/vendor/libs/bootstrap-markdown/bootstrap-markdown.css"> <script src="assets/vendor/libs/bootstrap-markdown/bootstrap-markdown.js"></script> <script src="assets/vendor/libs/markdown/markdown.js"></script>

Examples

Quill

https://github.com/quilljs/quill
<link rel="stylesheet" href="assets/vendor/libs/quill/typography.css"> <link rel="stylesheet" href="assets/vendor/libs/quill/editor.css"> <script> // Quill does not support IE 10 and below so don't load it to prevent console errors if (typeof document.documentMode !== 'number' || document.documentMode > 10) { document.write('\x3Cscript src="assets/vendor/libs/quill/quill.js">\x3C/script>'); } </script>
Don't forget to sanitize HTML output on the server side to avoid XSS vulnerability.

Quill uses .ql-* classes for formatting. To display content properly you need to include /products/appwork/v131/assets_/vendor/libs/quill/typography.css file in the <head> section and place Quill-generated content within .ql-content element.


<head>
  ...
  <link rel="stylesheet" href="/products/appwork/v131/assets_/vendor/libs/quill/typography.css">
  ...
</head>
<body>
  ...
  <div class="ql-content">
    <p><strong class="ql-font-monospace">Quill</strong>-generated <span class="ql-size-large">content</span></p>
  </div>
  ...
</body>

Examples

Typeahead

https://github.com/twitter/typeahead.js/ <link rel="stylesheet" href="assets/vendor/libs/typeahead-js/typeahead.css"> <script src="assets/vendor/libs/typeahead-js/typeahead.js"></script>

Examples

DataTables

https://datatables.net <link rel="stylesheet" href="assets/vendor/libs/datatables/datatables.css"> <script src="assets/vendor/libs/datatables/datatables.js"></script>

Examples

Rendering engine Browser Platform(s) Engine version CSS grade
Trident Internet Explorer 4.0 Win 95+ 4 X
Trident Internet Explorer 5.0 Win 95+ 5 C
Trident Internet Explorer 5.5 Win 95+ 5.5 A
Trident Internet Explorer 6 Win 98+ 6 A
Trident Internet Explorer 7 Win XP SP2+ 7 A
Trident AOL browser (AOL desktop) Win XP 6 A
Gecko Firefox 1.0 Win 98+ / OSX.2+ 1.7 A
Gecko Firefox 1.5 Win 98+ / OSX.2+ 1.8 A
Gecko Firefox 2.0 Win 98+ / OSX.2+ 1.8 A
Gecko Firefox 3.0 Win 2k+ / OSX.3+ 1.9 A
Gecko Camino 1.0 OSX.2+ 1.8 A
Gecko Camino 1.5 OSX.3+ 1.8 A
Gecko Netscape 7.2 Win 95+ / Mac OS 8.6-9.2 1.7 A
Gecko Netscape Browser 8 Win 98SE+ 1.7 A
Gecko Netscape Navigator 9 Win 98+ / OSX.2+ 1.8 A
Gecko Mozilla 1.0 Win 95+ / OSX.1+ 1 A
Gecko Mozilla 1.1 Win 95+ / OSX.1+ 1.1 A
Gecko Mozilla 1.2 Win 95+ / OSX.1+ 1.2 A
Gecko Mozilla 1.3 Win 95+ / OSX.1+ 1.3 A
Gecko Mozilla 1.4 Win 95+ / OSX.1+ 1.4 A
Gecko Mozilla 1.5 Win 95+ / OSX.1+ 1.5 A
Gecko Mozilla 1.6 Win 95+ / OSX.1+ 1.6 A
Gecko Mozilla 1.7 Win 98+ / OSX.1+ 1.7 A
Gecko Mozilla 1.8 Win 98+ / OSX.1+ 1.8 A
Gecko Seamonkey 1.1 Win 98+ / OSX.2+ 1.8 A
Gecko Epiphany 2.20 Gnome 1.8 A
Webkit Safari 1.2 OSX.3 125.5 A
Webkit Safari 1.3 OSX.3 312.8 A
Webkit Safari 2.0 OSX.4+ 419.3 A
Webkit Safari 3.0 OSX.4+ 522.1 A
Webkit OmniWeb 5.5 OSX.4+ 420 A
Webkit iPod Touch / iPhone iPod 420.1 A
Webkit S60 S60 413 A
Presto Opera 7.0 Win 95+ / OSX.1+ - A
Presto Opera 7.5 Win 95+ / OSX.2+ - A
Presto Opera 8.0 Win 95+ / OSX.2+ - A
Presto Opera 8.5 Win 95+ / OSX.2+ - A
Presto Opera 9.0 Win 95+ / OSX.3+ - A
Presto Opera 9.2 Win 88+ / OSX.3+ - A
Presto Opera 9.5 Win 88+ / OSX.3+ - A
Presto Opera for Wii Wii - A
Presto Nokia N800 N800 - A
Presto Nintendo DS browser Nintendo DS 8.5 C/A1
KHTML Konqureror 3.1 KDE 3.1 3.1 C
KHTML Konqureror 3.3 KDE 3.3 3.3 A
KHTML Konqureror 3.5 KDE 3.5 3.5 A
Tasman Internet Explorer 4.5 Mac OS 8-9 - X
Tasman Internet Explorer 5.1 Mac OS 7.6-9 1 C
Tasman Internet Explorer 5.2 Mac OS 8-X 1 C
Misc NetFront 3.1 Embedded devices - C
Misc NetFront 3.4 Embedded devices - A
Misc Dillo 0.8 Embedded devices - X
Misc Links Text only - X
Misc Lynx Text only - X
Misc IE Mobile Windows Mobile 6 - C
Misc PSP browser PSP - C
Other browsers All others - - U


DataTable within card
Rendering engine Browser Platform(s) Engine version CSS grade
Trident Internet Explorer 4.0 Win 95+ 4 X
Trident Internet Explorer 5.0 Win 95+ 5 C
Trident Internet Explorer 5.5 Win 95+ 5.5 A
Trident Internet Explorer 6 Win 98+ 6 A
Trident Internet Explorer 7 Win XP SP2+ 7 A
Trident AOL browser (AOL desktop) Win XP 6 A
Gecko Firefox 1.0 Win 98+ / OSX.2+ 1.7 A
Gecko Firefox 1.5 Win 98+ / OSX.2+ 1.8 A
Gecko Firefox 2.0 Win 98+ / OSX.2+ 1.8 A
Gecko Firefox 3.0 Win 2k+ / OSX.3+ 1.9 A
Gecko Camino 1.0 OSX.2+ 1.8 A
Gecko Camino 1.5 OSX.3+ 1.8 A
Gecko Netscape 7.2 Win 95+ / Mac OS 8.6-9.2 1.7 A
Gecko Netscape Browser 8 Win 98SE+ 1.7 A
Gecko Netscape Navigator 9 Win 98+ / OSX.2+ 1.8 A
Gecko Mozilla 1.0 Win 95+ / OSX.1+ 1 A
Gecko Mozilla 1.1 Win 95+ / OSX.1+ 1.1 A
Gecko Mozilla 1.2 Win 95+ / OSX.1+ 1.2 A
Gecko Mozilla 1.3 Win 95+ / OSX.1+ 1.3 A
Gecko Mozilla 1.4 Win 95+ / OSX.1+ 1.4 A
Gecko Mozilla 1.5 Win 95+ / OSX.1+ 1.5 A
Gecko Mozilla 1.6 Win 95+ / OSX.1+ 1.6 A
Gecko Mozilla 1.7 Win 98+ / OSX.1+ 1.7 A
Gecko Mozilla 1.8 Win 98+ / OSX.1+ 1.8 A
Gecko Seamonkey 1.1 Win 98+ / OSX.2+ 1.8 A
Gecko Epiphany 2.20 Gnome 1.8 A
Webkit Safari 1.2 OSX.3 125.5 A
Webkit Safari 1.3 OSX.3 312.8 A
Webkit Safari 2.0 OSX.4+ 419.3 A
Webkit Safari 3.0 OSX.4+ 522.1 A
Webkit OmniWeb 5.5 OSX.4+ 420 A
Webkit iPod Touch / iPhone iPod 420.1 A
Webkit S60 S60 413 A
Presto Opera 7.0 Win 95+ / OSX.1+ - A
Presto Opera 7.5 Win 95+ / OSX.2+ - A
Presto Opera 8.0 Win 95+ / OSX.2+ - A
Presto Opera 8.5 Win 95+ / OSX.2+ - A
Presto Opera 9.0 Win 95+ / OSX.3+ - A
Presto Opera 9.2 Win 88+ / OSX.3+ - A
Presto Opera 9.5 Win 88+ / OSX.3+ - A
Presto Opera for Wii Wii - A
Presto Nokia N800 N800 - A
Presto Nintendo DS browser Nintendo DS 8.5 C/A1
KHTML Konqureror 3.1 KDE 3.1 3.1 C
KHTML Konqureror 3.3 KDE 3.3 3.3 A
KHTML Konqureror 3.5 KDE 3.5 3.5 A
Tasman Internet Explorer 4.5 Mac OS 8-9 - X
Tasman Internet Explorer 5.1 Mac OS 7.6-9 1 C
Tasman Internet Explorer 5.2 Mac OS 8-X 1 C
Misc NetFront 3.1 Embedded devices - C
Misc NetFront 3.4 Embedded devices - A
Misc Dillo 0.8 Embedded devices - X
Misc Links Text only - X
Misc Lynx Text only - X
Misc IE Mobile Windows Mobile 6 - C
Misc PSP browser PSP - C
Other browsers All others - - U

Bootstrap Table

https://github.com/wenzhixin/bootstrap-table <link rel="stylesheet" href="assets/vendor/libs/bootstrap-table/bootstrap-table.css"> <script src="assets/vendor/libs/bootstrap-table/bootstrap-table.js"></script> <!-- External plugins --> <script src="assets/vendor/libs/tableexport/tableexport.js"></script> <script src="assets/vendor/libs/moment/moment.js"></script> <link rel="stylesheet" href="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css"> <script src="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script> <script src="assets/vendor/libs/bootstrap-table/extensions/*"></script>

Examples

Bootstrap Sortable

https://github.com/drvic10k/bootstrap-sortable <link rel="stylesheet" href="assets/vendor/libs/bootstrap-sortable/bootstrap-sortable.css"> <script src="assets/vendor/libs/bootstrap-sortable/bootstrap-sortable.js"></script>

Examples

  Name Results
Round 1 Round 2 Total Date
Jack Jackson 30.51 17.77 14.99 63.27 04-07-2013
Steven White 6.21 67.31 84.32 157.84 14-11-2016
Peter White 15.53 7.54 37.36 60.43 25-11-2012
Steven Spielberg 0.25 7.74 15.19 23.18 14-12-2001
Frank White 24.81 5.02 18.1 47.93 11.05.2016
Peter Jackson 25.54 26.32 5.45 57.31 09.04.2003

Dropzone

http://www.dropzonejs.com <link rel="stylesheet" href="assets/vendor/libs/dropzone/dropzone.css"> <script src="assets/vendor/libs/dropzone/dropzone.js"></script>

Examples

Drop files here or click to upload (This is just a demo dropzone. Selected files are not actually uploaded.)

Flow.js

https://github.com/flowjs/flow.js <link rel="stylesheet" href="assets/vendor/libs/flow-js/flow.css"> <script src="assets/vendor/libs/flow-js/flow.js"></script>

Examples

Your browser, unfortunately, is not supported by Flow.js. The library requires support for the HTML5 File API along with file slicing.

Drop files here to upload or

Dragula

https://github.com/bevacqua/dragula <link rel="stylesheet" href="assets/vendor/libs/dragula/dragula.css"> <script src="assets/vendor/libs/dragula/dragula.js"></script>

Examples

You can move these elements between these two containers
Moving them anywhere else isn't quite possible
Anything can be moved around. That includes images, links, or any other nested elements. (You can still click on links, as usual!)
There's also the possibility of moving elements around in the same container, changing their position
This is the default use case. You only need to specify the containers you want to use
More interactive use cases lie ahead

Moving <input/> elements works just fine. You can still focus them, too.

Make sure to check out the documentation on GitHub!

Copying

When elements are copyable, they can't be sorted in their origin container
Copying prevents original elements from being dragged. A copy gets created and that gets dragged instead
Whenever that happens, a cloned event is raised
Note that the clones get destroyed if they're not dropped into another container
You'll be dragging a copy, so when they're dropped into another container you'll see the duplication.

Drag handle

Move me, but you can use the plus sign to drag me around.
Note that handle element in the moves handler is just the original event target.
This might also be useful if you want multiple children of an element to be able to trigger a drag event.
You can also use the moves option to determine whether an element can be dragged at all from a container, drag handle or not.

Sortable.js

https://github.com/RubaXa/Sortable <script src="assets/vendor/libs/sortablejs/sortable.js"></script>

Examples

Swiper

https://github.com/nolimits4web/swiper/ <link rel="stylesheet" href="assets/vendor/libs/swiper/swiper.css"> <script src="assets/vendor/libs/swiper/swiper.js"></script>

Examples

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Knob

http://anthonyterrien.com/knob/
<script src="assets/vendor/libs/knob/knob.js"></script>

Examples

Bootstrap Menu

https://github.com/dgoguerra/bootstrap-menu
<script src="assets/vendor/libs/bootstrap-menu/bootstrap-menu.js"></script>

Examples

Right click anywhere inside this box

Bootstrap Dual Listbox

http://www.virtuosoft.eu/code/bootstrap-duallistbox/ <link rel="stylesheet" href="assets/vendor/libs/bootstrap-duallistbox/bootstrap-duallistbox.css"> <script src="assets/vendor/libs/bootstrap-duallistbox/bootstrap-duallistbox.js"></script>

Examples

Nestable

https://github.com/dbushell/Nestable
<link rel="stylesheet" href="assets/vendor/libs/nestable/nestable.css"> <script src="assets/vendor/libs/nestable/nestable.js"></script>

Examples

  1. Item 1
  2. Item 2
    1. Item 3
    2. Item 4
    3. Item 5
      1. Item 6
      2. Item 7
      3. Item 8
    4. Item 9
    5. Item 10
  3. Item 11
  4. Item 12
  1.   Item 13 13
  2.   Item 14 14
  3.   Item 15 15
    1.   Item 16 16
    2.   Item 17 17
    3.   Item 18 18
Custom drag handle example
  1. Item 13
  2. Item 14
  3. Item 15
    1. Item 16
    2. Item 17
    3. Item 18

jsTree

https://www.jstree.com <link rel="stylesheet" href="assets/vendor/libs/jstree/themes/default/style.css"> <script src="assets/vendor/libs/jstree/jstree.js"></script>

Examples

Default
  • css
    • app.css
    • style.css
  • img
    • bg.jpg
    • logo.png
    • avatar.png
  • js
    • jquery.js
    • app.js
  • index.html
  • page-one.html
  • page-two.html
Custom icons

Ladda

https://github.com/hakimel/Ladda <link rel="stylesheet" href="assets/vendor/libs/ladda/ladda.css"> <script src="assets/vendor/libs/ladda/ladda.js"></script> <script src="assets/vendor/libs/spin/spin.js"></script>

Examples

expand-left
expand-right
expand-up
expand-down
contract
contract-overlay
zoom-in
zoom-out
slide-left
slide-right
slide-up
slide-down
Built-in progress bar
expand-right
contract

jQuery Validation

https://jqueryvalidation.org <script src="assets/vendor/libs/validate/validate.js"></script>

Examples

Example block-level help text here.
Example block-level help text here.


Vegas

https://vegas.jaysalvat.com <link rel="stylesheet" href="assets/vendor/libs/vegas/vegas.css"> <script src="assets/vendor/libs/vegas/vegas.js"></script>

Examples

Dark overlay

Light overlay

Fixed background

Cropper

https://github.com/fengyuanchen/cropperjs <link rel="stylesheet" href="assets/vendor/libs/cropper/cropper.css"> <script src="assets/vendor/libs/cropper/cropper.js"></script>

Examples

Picture
X
px
Y
px
Width
px
Height
px
Rotate
deg
ScaleX
ScaleY

Bootstrap Maxlength

https://github.com/mimo84/bootstrap-maxlength <link rel="stylesheet" href="assets/vendor/libs/bootstrap-maxlength/bootstrap-maxlength.css"> <script src="assets/vendor/libs/bootstrap-maxlength/bootstrap-maxlength.js"></script>

Examples

Shepherd tour

https://shipshapecode.github.io/shepherd/
<link rel="stylesheet" href="assets/vendor/libs/shepherd/shepherd.css"> <script src="assets/vendor/libs/shepherd/shepherd.js"></script>

Examples

Lorem ipsum dolor sit amet, nam ut odio essent indoctum, an graecis detracto intellegat cum.

Duo te aperiri accommodare voluptatibus.

Eam unum facilis accusata no, facer libris pro ei, vim verterem mandamus intellegam cu.

Qui nobis docendi ut.

Ad sea illud quidam oblique, nec ipsum discere intellegebat an.

Quem natum constituam mei ut, et vim graeco aliquam periculis.

Vix eu tritani mentitum.

Diam iracundia definitiones ea eam.

Mel nonumes adolescens an, at duo modus partiendo maiestatis, sed integre honestatis cu.

Pwstrength-bootstrap

https://github.com/ablanco/jquery.pwstrength.bootstrap <script src="assets/vendor/libs/pwstrength-bootstrap/pwstrength-bootstrap.js"></script>

Examples

Clipboard

https://clipboardjs.com <script src="assets/vendor/libs/clipboard/clipboard.js"></script>

Examples


Masonry

http://masonry.desandro.com <script src="assets/vendor/libs/masonry/masonry.js"></script>

Examples

Spinkit

https://github.com/tobiasahlin/SpinKit <link rel="stylesheet" href="assets/vendor/libs/spinkit/spinkit.css">

Examples

BlockUI

http://malsup.com/jquery/block/ <script src="assets/vendor/libs/block-ui/block-ui.js"></script>

Examples

Card title

Lorem ipsum dolor sit amet, an vel affert soleat possim. Usu meis neglegentur ut, oporteat salutandi dignissim at mea. Pericula erroribus quaerendum ex duo, his autem accusamus ad, alienum detracto rationibus vis et. No est volumus ocurreret vituperata.

At pri facete recteque, eos omittam hendrerit maiestatis et. Ut aliquip regione pericula mea, sed te ornatus vivendum, tritani persius atomorum id pro. Laoreet epicurei ei duo. Ad nulla senserit sit, has ne prima option.

Photoswipe

http://photoswipe.com <link rel="stylesheet" href="assets/vendor/libs/photoswipe/photoswipe.css"> <script src="assets/vendor/libs/photoswipe/photoswipe.js"></script>

Examples

Blueimp Gallery

https://github.com/blueimp/Gallery <link rel="stylesheet" href="assets/vendor/libs/blueimp-gallery/gallery.css"> <link rel="stylesheet" href="assets/vendor/libs/blueimp-gallery/gallery-indicator.css"> <link rel="stylesheet" href="assets/vendor/libs/blueimp-gallery/gallery-video.css"> <script src="assets/vendor/libs/blueimp-gallery/gallery.js"></script> <script src="assets/vendor/libs/blueimp-gallery/gallery-fullscreen.js"></script> <script src="assets/vendor/libs/blueimp-gallery/gallery-indicator.js"></script> <script src="assets/vendor/libs/blueimp-gallery/gallery-video.js"></script> <script src="assets/vendor/libs/blueimp-gallery/gallery-vimeo.js"></script> <script src="assets/vendor/libs/blueimp-gallery/gallery-youtube.js"></script>
Blueimp Gallery does not support touch events and slide animation in RTL mode.

Examples

Carousel

IdleTimer

https://github.com/thorst/jquery-idletimer <script src="assets/vendor/libs/idletimer/idletimer.js"></script>

Examples

Document 5 second timeout



Element 3 second timeout



SmartWizard

https://github.com/techlab/SmartWizard <link rel="stylesheet" href="assets/vendor/libs/smartwizard/smartwizard.css"> <script src="assets/vendor/libs/smartwizard/smartwizard.js"></script>

Examples

With icon

Boxed steps

Vertical

Step Content 1
Step Content 2
Step Content 3
Step Content 1
Step Content 2
Step Content 3

Validation

* Mandatory

* Mandatory

  • Foo
  • Bar
  • Foobar

Perfect-scrollbar

https://github.com/noraesae/perfect-scrollbar <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css"> <script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

Examples

Lorem ipsum dolor sit amet, an per nibh volumus, quem esse liber ei duo. Eos aperiri copiosae prodesset ut, ea soleat deterruisset mel. Eos ad indoctum theophrastus, in civibus constituto pri. Cu ceteros intellegat mei.

Persius forensibus eos id, ex his erant ubique. Vel justo maiorum eu, te sit dolore necessitatibus, suas bonorum scaevola at eos. Omnesque tacimates vulputate ex est, probatus sadipscing no est, eam tamquam habemus definitiones ea. Vidit commune sea ea.

Mel ea aeque saepe intellegam, laudem assueverit reformidans vel et, his ei copiosae invenire similique. Aliquip aperiri facilisi sea te, populo iuvaret sensibus pri ne. Pri ne falli impedit cotidieque, eu sit quaestio postulant, at soluta mucius offendit eos. Habemus feugait imperdiet quo ut. Quo viris facilisi cu, at sed feugait convenire. Ad nam purto illum deleniti.

Nam commune propriae ex, ut putent percipit pri, at cum quod inani. Pri duis assueverit at, fugit sententiae nec ex. At cibo decore incorrupte vix, debet constituam ne eum. Pri habemus nominavi oporteat ea, eum brute erant cetero at, habeo facete euismod sit an.

Modo persius vocibus eum te, quem noster ei quo, duo aliquid consequat eu. Ex solet detracto adipiscing usu. Sed et partem volumus, erat nostrum sit ei. Vis brute assum ignota te, eu solum nullam feugiat his. Has et senserit postulant persecuti, enim vivendum his id. Et perfecto definitiones mea. Meis postulant vituperatoribus at duo, malorum facilisis mea in.

Lorem ipsum dolor sit amet, an per nibh volumus, quem esse liber ei duo. Eos aperiri copiosae prodesset ut, ea soleat deterruisset mel. Eos ad indoctum theophrastus, in civibus constituto pri. Cu ceteros intellegat mei.

Persius forensibus eos id, ex his erant ubique. Vel justo maiorum eu, te sit dolore necessitatibus, suas bonorum scaevola at eos. Omnesque tacimates vulputate ex est, probatus sadipscing no est, eam tamquam habemus definitiones ea. Vidit commune sea ea.

Mel ea aeque saepe intellegam, laudem assueverit reformidans vel et, his ei copiosae invenire similique. Aliquip aperiri facilisi sea te, populo iuvaret sensibus pri ne. Pri ne falli impedit cotidieque, eu sit quaestio postulant, at soluta mucius offendit eos. Habemus feugait imperdiet quo ut. Quo viris facilisi cu, at sed feugait convenire. Ad nam purto illum deleniti.

Nam commune propriae ex, ut putent percipit pri, at cum quod inani. Pri duis assueverit at, fugit sententiae nec ex. At cibo decore incorrupte vix, debet constituam ne eum. Pri habemus nominavi oporteat ea, eum brute erant cetero at, habeo facete euismod sit an.

Modo persius vocibus eum te, quem noster ei quo, duo aliquid consequat eu. Ex solet detracto adipiscing usu. Sed et partem volumus, erat nostrum sit ei. Vis brute assum ignota te, eu solum nullam feugiat his. Has et senserit postulant persecuti, enim vivendum his id. Et perfecto definitiones mea. Meis postulant vituperatoribus at duo, malorum facilisis mea in.

Lorem ipsum dolor sit amet, an per nibh volumus, quem esse liber ei duo. Eos aperiri copiosae prodesset ut, ea soleat deterruisset mel. Eos ad indoctum theophrastus, in civibus constituto pri. Cu ceteros intellegat mei.

Persius forensibus eos id, ex his erant ubique. Vel justo maiorum eu, te sit dolore necessitatibus, suas bonorum scaevola at eos. Omnesque tacimates vulputate ex est, probatus sadipscing no est, eam tamquam habemus definitiones ea. Vidit commune sea ea.

Mel ea aeque saepe intellegam, laudem assueverit reformidans vel et, his ei copiosae invenire similique. Aliquip aperiri facilisi sea te, populo iuvaret sensibus pri ne. Pri ne falli impedit cotidieque, eu sit quaestio postulant, at soluta mucius offendit eos. Habemus feugait imperdiet quo ut. Quo viris facilisi cu, at sed feugait convenire. Ad nam purto illum deleniti.

Nam commune propriae ex, ut putent percipit pri, at cum quod inani. Pri duis assueverit at, fugit sententiae nec ex. At cibo decore incorrupte vix, debet constituam ne eum. Pri habemus nominavi oporteat ea, eum brute erant cetero at, habeo facete euismod sit an.

Modo persius vocibus eum te, quem noster ei quo, duo aliquid consequat eu. Ex solet detracto adipiscing usu. Sed et partem volumus, erat nostrum sit ei. Vis brute assum ignota te, eu solum nullam feugiat his. Has et senserit postulant persecuti, enim vivendum his id. Et perfecto definitiones mea. Meis postulant vituperatoribus at duo, malorum facilisis mea in.

Lorem ipsum dolor sit amet, an per nibh volumus, quem esse liber ei duo. Eos aperiri copiosae prodesset ut, ea soleat deterruisset mel. Eos ad indoctum theophrastus, in civibus constituto pri. Cu ceteros intellegat mei.

Persius forensibus eos id, ex his erant ubique. Vel justo maiorum eu, te sit dolore necessitatibus, suas bonorum scaevola at eos. Omnesque tacimates vulputate ex est, probatus sadipscing no est, eam tamquam habemus definitiones ea. Vidit commune sea ea.

Mel ea aeque saepe intellegam, laudem assueverit reformidans vel et, his ei copiosae invenire similique. Aliquip aperiri facilisi sea te, populo iuvaret sensibus pri ne. Pri ne falli impedit cotidieque, eu sit quaestio postulant, at soluta mucius offendit eos. Habemus feugait imperdiet quo ut. Quo viris facilisi cu, at sed feugait convenire. Ad nam purto illum deleniti.

Nam commune propriae ex, ut putent percipit pri, at cum quod inani. Pri duis assueverit at, fugit sententiae nec ex. At cibo decore incorrupte vix, debet constituam ne eum. Pri habemus nominavi oporteat ea, eum brute erant cetero at, habeo facete euismod sit an.

Modo persius vocibus eum te, quem noster ei quo, duo aliquid consequat eu. Ex solet detracto adipiscing usu. Sed et partem volumus, erat nostrum sit ei. Vis brute assum ignota te, eu solum nullam feugiat his. Has et senserit postulant persecuti, enim vivendum his id. Et perfecto definitiones mea. Meis postulant vituperatoribus at duo, malorum facilisis mea in.

Lorem ipsum dolor sit amet, an per nibh volumus, quem esse liber ei duo. Eos aperiri copiosae prodesset ut, ea soleat deterruisset mel. Eos ad indoctum theophrastus, in civibus constituto pri. Cu ceteros intellegat mei.

Persius forensibus eos id, ex his erant ubique. Vel justo maiorum eu, te sit dolore necessitatibus, suas bonorum scaevola at eos. Omnesque tacimates vulputate ex est, probatus sadipscing no est, eam tamquam habemus definitiones ea. Vidit commune sea ea.

Mel ea aeque saepe intellegam, laudem assueverit reformidans vel et, his ei copiosae invenire similique. Aliquip aperiri facilisi sea te, populo iuvaret sensibus pri ne. Pri ne falli impedit cotidieque, eu sit quaestio postulant, at soluta mucius offendit eos. Habemus feugait imperdiet quo ut. Quo viris facilisi cu, at sed feugait convenire. Ad nam purto illum deleniti.

Nam commune propriae ex, ut putent percipit pri, at cum quod inani. Pri duis assueverit at, fugit sententiae nec ex. At cibo decore incorrupte vix, debet constituam ne eum. Pri habemus nominavi oporteat ea, eum brute erant cetero at, habeo facete euismod sit an.

Modo persius vocibus eum te, quem noster ei quo, duo aliquid consequat eu. Ex solet detracto adipiscing usu. Sed et partem volumus, erat nostrum sit ei. Vis brute assum ignota te, eu solum nullam feugiat his. Has et senserit postulant persecuti, enim vivendum his id. Et perfecto definitiones mea. Meis postulant vituperatoribus at duo, malorum facilisis mea in.

Lorem ipsum dolor sit amet, an per nibh volumus, quem esse liber ei duo. Eos aperiri copiosae prodesset ut, ea soleat deterruisset mel. Eos ad indoctum theophrastus, in civibus constituto pri. Cu ceteros intellegat mei.

Persius forensibus eos id, ex his erant ubique. Vel justo maiorum eu, te sit dolore necessitatibus, suas bonorum scaevola at eos. Omnesque tacimates vulputate ex est, probatus sadipscing no est, eam tamquam habemus definitiones ea. Vidit commune sea ea.

Mel ea aeque saepe intellegam, laudem assueverit reformidans vel et, his ei copiosae invenire similique. Aliquip aperiri facilisi sea te, populo iuvaret sensibus pri ne. Pri ne falli impedit cotidieque, eu sit quaestio postulant, at soluta mucius offendit eos. Habemus feugait imperdiet quo ut. Quo viris facilisi cu, at sed feugait convenire. Ad nam purto illum deleniti.

Nam commune propriae ex, ut putent percipit pri, at cum quod inani. Pri duis assueverit at, fugit sententiae nec ex. At cibo decore incorrupte vix, debet constituam ne eum. Pri habemus nominavi oporteat ea, eum brute erant cetero at, habeo facete euismod sit an.

Modo persius vocibus eum te, quem noster ei quo, duo aliquid consequat eu. Ex solet detracto adipiscing usu. Sed et partem volumus, erat nostrum sit ei. Vis brute assum ignota te, eu solum nullam feugiat his. Has et senserit postulant persecuti, enim vivendum his id. Et perfecto definitiones mea. Meis postulant vituperatoribus at duo, malorum facilisis mea in.

Plyr

https://github.com/Selz/plyr <link rel="stylesheet" href="assets/vendor/libs/plyr/plyr.css"> <script src="assets/vendor/libs/plyr/plyr.js"></script>

Examples