This repository has been archived by the owner on Apr 5, 2018. It is now read-only.
forked from BlackrockDigital/startbootstrap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bootstrap-resources.html
852 lines (832 loc) · 37.4 KB
/
bootstrap-resources.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
---
layout: page
title: Bootstrap Resources
description: "A comprehensive list of Bootstrap 3 and related resources maintained by Start Bootstrap."
meta-title: "Bootstrap Resources and Plugins List"
meta-description: "Bootstrap resources page meta description goes here."
---
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="bs-docs-sidebar">
<ul class="nav bs-docs-sidenav">
<li>
<a href="#official">Official Bootstrap Resources</a>
</li>
<li>
<a href="#premium-themes">Premium Bootstrap Themes</a>
</li>
<li>
<a href="#free-themes">Free Bootstrap Themes</a>
</li>
<li>
<a href="#showcases">Bootstrap Showcases</a>
</li>
<li>
<a href="#dev-tools">Bootstrap Development Tools</a>
</li>
<li>
<a href="#ui">Bootstrap UI Extensions</a>
</li>
<li>
<a href="#plugins">Bootstrap jQuery Plugins</a>
<ul class="nav">
<li>
<a href="#plugins-form">Form Plugins</a>
</li>
<li>
<a href="#plugins-table">Table Plugins</a>
</li>
<li>
<a href="#plugins-menu">Menu & Navigation Plugins</a>
</li>
<li>
<a href="#plugins-notification">Notification Plugins</a>
</li>
<li>
<a href="#plugins-modal">Modal Plugins</a>
</li>
<li>
<a href="#plugins-other">Other Plugins</a>
</li>
</ul>
</li>
</ul>
<a class="back-to-top" href="#top">Back to top</a>
<a href="#submitResource" data-toggle="modal" class="btn btn-xs btn-primary" style="margin-left: 20px; margin-top: 10px;">Submit a Resource</a>
</div>
</div>
<div class="col-lg-9 resources">
<!-- Official Bootstrap Resources -->
<h2 id="official" class="page-header">Official Bootstrap Resources:</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bootstrap</td>
<td>The most popular front-end framework for developing responsive, mobile first projects on the web.</td>
<td><a href="http://getbootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Expo</td>
<td>Beautiful and inspiring uses of Bootstrap, curated by @mdo.</td>
<td><a href="http://expo.getbootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Blog</td>
<td>The official bootstrap blog. Announcements, discussions, and more for Bootstrap.</td>
<td><a href="http://blog.getbootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Ratchet</td>
<td>Build mobile apps with simple HTML, CSS, and JS components.</td>
<td><a href="http://goratchet.com/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Premium Bootstrap Themes & Templates -->
<h2 id="premium-themes" class="page-header">Premium Bootstrap Themes & Templates:</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>WrapBootstrap</td>
<td>WrapBootstrap is a marketplace for premium themes and templates for Bootstrap. Buy and sell Bootstrap themes!</td>
<td><a href="https://wrapbootstrap.com/?ref=StartBootstrap" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Designmodo</td>
<td>Collection of premium Bootstrap themes, Templates and UI kits. Professional and pixel perfect UI frameworks for web designers and developers.<br><strong>Special Offer: Enter the code 'START' during checkout and receive 15% off of any Designomodo product, courtesy of Start Bootstrap!</strong></td>
<td><a href="http://designmodo.com/shop/?u=787" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>ThemeForest</td>
<td>A listing of over 750 premium Bootstrap templates and themes on ThemeForest that are compatible with Bootstrap 3.</td>
<td><a href="http://themeforest.net/attributes/compatible-with/Bootstrap%203?category=site-templates&direction=desc&order_by=sales&utf8=%E2%9C%93?ref=IronSummitMedia" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Creative Market</td>
<td>A collection of over 200 premium, hand picked Bootstrap templates and themes on Creative Market, a design content marketplace.</td>
<td><a href="https://creativemarket.com/themes/bootstrap?u=StartBootstrap" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Gridgum</td>
<td>Gridgum is a marketplace aimed solely at providing the best premium responsive themes and templates.</td>
<td><a href="http://gridgum.com?affiliates=29" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>BootstrapBay</td>
<td>BootstrapBay is a marketplace for Bootstrap themes & templates.</td>
<td><a href="https://bootstrapbay.com/?ref=StartBootstrap" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>PixelKit</td>
<td>A group of premium Bootstrap UI kits along with a variety of other design elements.</td>
<td><a href="http://pixelkit.com/amember/aff/go?r=60825&i=3" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Made</td>
<td>A marketplace for high quality, premium Bootstrap themes.</td>
<td><a href="https://bootstrapmade.com?ref=10" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Free Bootstrap Themes & Templates -->
<h2 id="free-themes" class="page-header">Free Bootstrap Themes & Templates:</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Start Bootstrap</td>
<td>Free HTML starter themes and templates for Bootstrap - up to date for Bootstrap 3! An even faster way to develop websites in Bootstrap!</td>
<td><a href="http://startbootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootswatch</td>
<td>Free, easy to use theme skins for Bootstrap.</td>
<td><a href="http://bootswatch.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Startup Framework (Demo Version)</td>
<td>A free demo version of the popular <a href="http://designmodo.com/startup/?u=787">Startup Framework</a> by Designmodo.</td>
<td><a href="http://designmodo.github.io/startup-demo/?u=787" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>PixelKit Free UI Kits</td>
<td>A group of high quality, free UI kits for Bootstrap with a premium version available.</td>
<td><a href="http://pixelkit.com/free-ui-kits/modern-touch/?r=60825" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Black Tie</td>
<td>Free handsome Bootstrap themes.</td>
<td><a href="http://www.blacktie.co/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Zero</td>
<td>A free collection of Bootstrap templates maintained by Bootply.</td>
<td><a href="http://bootstrapzero.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Taste</td>
<td>A free collection of Bootstrap themes.</td>
<td><a href="http://bootstraptaste.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>GetTemplate</td>
<td>Responsive HTML5 and CSS3 templates for rapid web development.</td>
<td><a href="http://www.gettemplate.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootplus</td>
<td>A Google+ styled Bootstrap skin.</td>
<td><a href="http://aozora.github.io/bootplus/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootplus</td>
<td>A Facebook styled Bootstrap skin.</td>
<td><a href="http://ckrack.github.io/fbootstrapp/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootmetro</td>
<td>A Windows 8, metro styled Bootstrap skin.</td>
<td><a href="http://aozora.github.io/bootmetro/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Flatstrap</td>
<td>A flat Bootstrap skin.</td>
<td><a href="http://flatstrap.org/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Cardeostrap</td>
<td>A flat Bootstrap skin.</td>
<td><a href="http://cardeostrap.cardeo.ca/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap Showcases -->
<h2 id="showcases" class="page-header">Bootstrap Showcases:</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Built With Bootstrap</td>
<td>A showcase of sites and apps built with Bootstrap.</td>
<td><a href="http://builtwithbootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Love Bootstrap</td>
<td>A showcase gallery of the world's best bootstrap sites</td>
<td><a href="http://lovebootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap Development Tools -->
<h2 id="dev-tools" class="page-header">Bootstrap Development Tools:</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bootstrap CDN</td>
<td>The recommended CDN for Bootstrap, Font Awesome, and Bootswatch.</td>
<td><a href="http://www.bootstrapcdn.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootsnipp</td>
<td>A large library of free code snippets and design elements for Bootstrap.</td>
<td><a href="http://bootsnipp.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Jetstrap</td>
<td>Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3.</td>
<td><a href="https://jetstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>TwitterBootstrapMVC</td>
<td>Development for ASP.NET MVC with Bootstrap made simple.</td>
<td><a href="https://www.twitterbootstrapmvc.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootply</td>
<td>A Bootstrap code editor and builder - the Bootstrap playground.</td>
<td><a href="http://www.bootply.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>UI Bootstrap</td>
<td>Bootstrap components written in pure AngularJS by the AngularUI team.</td>
<td><a href="http://angular-ui.github.io/bootstrap/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Kickstrap</td>
<td>Kickstrap is a boilerplate of Bootstrap, JSPM, Angular.js and Roots that can copy itself into any directory you choose.</td>
<td><a href="http://getkickstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap 3 for IE7</td>
<td>Bootstrap 3 drops support for Internet Explorer 7, but you can add it back by simply adding this conditional CSS.</td>
<td><a href="https://github.com/coliff/bootstrap-ie7" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Tablestrap</td>
<td>A Bootstrap table generator.</td>
<td><a href="http://tablestrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>BootstrapDocs</td>
<td>A Bootstrap documentation archive.</td>
<td><a href="http://bootstrapdocs.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>BootSwatchr</td>
<td>A theme roller for Bootstrap 3.</td>
<td><a href="http://bootswatchr.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Paintstrap</td>
<td>Generate beautiful Bootstrap themes using the Adobe Kuler and COLOURlovers color scheme.</td>
<td><a href="http://paintstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Lavish</td>
<td>Generate your own Bootstrap color scheme from an image and customize to your taste.</td>
<td><a href="http://www.lavishbootstrap.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>1pxdeep</td>
<td>Flat(ish) Bootstrap 3 theme generator.</td>
<td><a href="http://rriepe.github.io/1pxdeep/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Hexagon</td>
<td>A CSS hexagon generator for Bootstrap 3.</td>
<td><a href="http://db0company.github.io/css-hexagon/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap UI Extensions -->
<h2 id="ui" class="page-header">Bootstrap UI Extensions:</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Font Awesome</td>
<td>The iconic font and CSS framework.</td>
<td><a href="http://fontawesome.io/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Social Buttons for Bootstrap</td>
<td>Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome!</td>
<td><a href="http://lipis.github.io/bootstrap-social/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootsnipp Button Builder</td>
<td>A button builder for Bootstrap 3.</td>
<td><a href="http://bootsnipp.com/buttons" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootsnipp Form Builder</td>
<td>A form builder for Bootstrap 3.</td>
<td><a href="http://bootsnipp.com/forms?version=3" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Magic</td>
<td>A visual theme builder for Bootstrap 3.</td>
<td><a href="http://pikock.github.io/bootstrap-magic/app/index.html#!/editor" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<h2 id="plugins" class="page-header">Bootstrap jQuery Plugins</h2>
<!-- Bootstrap/jQuery Form Plugins -->
<h3 id="plugins-form">Form Plugins:</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>jqBootstrapValidation</td>
<td>A jQuery validation plugin for bootstrap forms.</td>
<td><a href="http://reactiveraven.github.io/jqBootstrapValidation/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>BootstrapValidator</td>
<td>BootstrapValidator is the best jQuery plugin to validate form fields, designed to use with Bootstrap 3. It's developed with love by @nghuuphuoc.</td>
<td><a href="http://bootstrapvalidator.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Floating Labels</td>
<td>UX friendly floating form labels for Bootstrap 3.</td>
<td><a href="http://headdetect.github.io/bootstrap-floating-labels/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Label in Place</td>
<td>A simple fully customizable form enhancement plugin for in-field label support.</td>
<td><a href="http://www.andreapace.co.uk/labelinplace/" class="btn btn-primary">View Resource</a></td>
</tr> <tr>
<td>Bootstrap Form Helpers</td>
<td>A Bootstrap extension including 15 custom jQuery plugins. Free for non-commercial projects, commercial license required for commercial deployments.</td>
<td><a href="http://vincentlamanna.com/BootstrapFormHelpers/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Tags Manager</td>
<td>A tags input helper to manage tags in a form, a jQuery plugin for Bootstrap 3.</td>
<td><a href="http://welldonethings.com/tags/manager/v3" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Tags Input</td>
<td>A jQuery plugin providing a Bootstrap 3 user interface for managing tags.</td>
<td><a href="http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Tokenfield for Bootstrap</td>
<td>Advanced tagging/tokenizing plugin for jQuery and Bootstrap 3 with a focus on keyboard and copy-paste support.</td>
<td><a href="http://sliptree.github.io/bootstrap-tokenfield/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Multiselect</td>
<td>Bootstrap Multiselect is a jQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select, a Bootstrap button will be shown as the dropdown menu containing the single options as checkboxes.</td>
<td><a href="http://davidstutz.github.io/bootstrap-multiselect/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Timepicker</td>
<td>Easily select a time for a Bootstrap text input using your mouse or keyboards arrow keys.</td>
<td><a href="http://jdewit.github.io/bootstrap-timepicker/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Dual Listbox</td>
<td>Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Bootstrap. It works on all modern browsers and on touch devices.</td>
<td><a href="http://www.virtuosoft.eu/code/bootstrap-duallistbox/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Color Picker Sliders</td>
<td>A color picker plugin for Bootstrap based off of jQuery Color Picker Sliders.</td>
<td><a href="http://www.virtuosoft.eu/code/bootstrap-colorpickersliders/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap TouchSpin</td>
<td>A mobile and touch friendly input spinner component for Bootstrap 3. It supports the mousewheel and the up/down keys.</td>
<td><a href="http://www.virtuosoft.eu/code/bootstrap-touchspin/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Switch</td>
<td>Turn checkboxes and radio buttons in toggle switches.</td>
<td><a href="http://www.bootstrap-switch.org/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Datepicker for Bootstrap</td>
<td>A jQuery plugin that allows you to add datepicker to a field or to any other element.</td>
<td><a href="http://www.eyecon.ro/bootstrap-datepicker/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Datepicker</td>
<td>A datepicker for Bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by @eternicode.</td>
<td><a href="https://github.com/eternicode/bootstrap-datepicker" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Date Range Picker for Bootstrap</td>
<td>A date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates.</td>
<td><a href="https://github.com/dangrossman/bootstrap-daterangepicker" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Clockface</td>
<td>A clock face time picker for Bootstrap.</td>
<td><a href="http://vitalets.github.io/clockface/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap DateTimePicker</td>
<td>A date/time picker widget for Bootstrap 3.</td>
<td><a href="http://eonasdan.github.io/bootstrap-datetimepicker/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>DateTime Picker</td>
<td>A Bootstrap form component to handle date and time data.</td>
<td><a href="http://www.malot.fr/bootstrap-datetimepicker/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Date Paginator</td>
<td>A jQuery plugin which takes Twitter Bootstrap's already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your application.</td>
<td><a href="http://jondmiles.com/bootstrap-datepaginator/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Maxlength</td>
<td>Bootstrap Maxlength uses a Bootstrap label to show a visual feedback to the user about the maximum length of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work.</td>
<td><a href="http://mimo84.github.io/bootstrap-maxlength/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Iconpicker for Bootstrap</td>
<td>A simple Bootstrap 3 based icon picker. Allows a user to pick an icon from a dropdown menu.</td>
<td><a href="http://victor-valencia.github.io/bootstrap-iconpicker/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Tags</td>
<td>Bootstrap Tags is a jQuery plugin meant to extend Bootstrap to include tagging functionality.</td>
<td><a href="http://maxwells.github.io/bootstrap-tags.html" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>FuelUX</td>
<td>Fuel UX extends Bootstrap with additional lightweight JavaScript controls. Bootstrap 3 support is under development.</td>
<td><a href="http://exacttarget.github.io/fuelux/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Summernote</td>
<td>Super Simple WYSIWYG Editor on Bootstrap.</td>
<td><a href="http://hackerwins.github.io/summernote/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>bootstrap-wysiwyg</td>
<td>A tiny wysiwyg rich text editor for Bootstrap.</td>
<td><a href="http://mindmup.github.io/bootstrap-wysiwyg/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Tag Autocomplete</td>
<td>An @mention autocomplete plugin similar to the functionality seen on Facebook or Twitter.</td>
<td><a href="http://sandglaz.github.io/bootstrap-tagautocomplete/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap File Input</td>
<td>A jQuery plugin designed to make all file input fields look like standard Bootstrap buttons.</td>
<td><a href="http://gregpike.net/demos/bootstrap-file-input/demo.html" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap File Input (Krajee)</td>
<td>This plugin enhances the HTML 5 file input for Bootstrap 3.x into an advanced widget with file preview for images and text, multiple selection, and more.</td>
<td><a href="http://plugins.krajee.com/file-input" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>MagicSuggest</td>
<td>A multiple selection combobox built for Bootstrap themes.</td>
<td><a href="http://nicolasbize.com/magicsuggest/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>jQuery MiniColors</td>
<td>A tiny color picker built on jQuery with Bootstrap 3 support.</td>
<td><a href="http://labs.abeautifulsite.net/jquery-minicolors/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Simple Color Picker</td>
<td>Yet another jQuery color picker. This plugin is unobtrusive and integrates well with or without Bootstrap.</td>
<td><a href="https://github.com/tkrotoff/jquery-simplecolorpicker" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Color Palette for Bootstrap</td>
<td>A color palette dropdown plugin for Bootstrap.</td>
<td><a href="http://extremefe.github.io/bootstrap-colorpalette/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Slider for Bootstrap</td>
<td>A Bootstrap slider component.</td>
<td><a href="http://seiyria.github.io/bootstrap-slider/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>jQRangeSlider</td>
<td>A powerful slider for selecting value ranges, supporting dates and more.</td>
<td><a href="http://ghusse.github.io/jQRangeSlider/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>jQuery File Upload</td>
<td>A file upload plugin with multiple file selection, drag and drop support, progress bars, validation, and preview images, audio, and video for jQuery.</td>
<td><a href="http://blueimp.github.io/jQuery-File-Upload/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>X-editable</td>
<td>In-place editing with Bootstrap, jQuery UI, or pure jQuery.</td>
<td><a href="http://vitalets.github.io/x-editable/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Colorpicker for Bootstrap</td>
<td>A simple jQuery based color picker extension for Bootstrap.</td>
<td><a href="http://www.eyecon.ro/bootstrap-colorpicker/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Confirmation</td>
<td>Bootstrap plugin for on-place confirm boxes using Popover.</td>
<td><a href="http://mistic100.github.io/Bootstrap-Confirmation/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Star Rating</td>
<td>A simple yet powerful jQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support.</td>
<td><a href="http://plugins.krajee.com/star-rating" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap/jQuery Table Plugins -->
<h3 id="plugins-table">Table Plugins:</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bootstrap Datagrid</td>
<td>A plugin used to create dynamic, sortable tables in Bootstrap.</td>
<td><a href="https://github.com/pontikis/bs_grid/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap DataTables</td>
<td>A extension of the DataTables jQuery plugin that integrates seamlessly with the Bootstrap 3 UI.</td>
<td><a href="http://datatables.net/examples/styling/bootstrap.html" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>WATable</td>
<td>A swiss army jQuery table plugin. Filter, format, paginate, and sort your data with ease and lightning speed.</td>
<td><a href="http://wootapa-watable.appspot.com/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap/jQuery Menu & Navigation Plugins -->
<h3 id="plugins-menu">Menu & Navigation Plugins:</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bootstrap: Dropdown on Hover Plugin</td>
<td>A Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.</td>
<td><a href="http://cameronspear.com/demos/bootstrap-hover-dropdown/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>metisMenu</td>
<td>An easy jQuery menu plugin for Bootstrap 3.</td>
<td><a href="https://github.com/onokumus/metisMenu" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Tree View</td>
<td>A simple and elegant solution to displaying hierarchical tree structures in Bootstrap.</td>
<td><a href="https://github.com/jonmiles/bootstrap-treeview" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Responsive Bootstrap Mega Menu</td>
<td>A responsive, Bootstrap 3 based mega menu with contact form, video, and Google Map integration.</td>
<td><a href="http://w3lessons.info/2014/04/19/responsive-bootstrap-megamenu-with-contact-form-video-google-map-etc/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Tab Drop for Bootstrap</td>
<td>Very usefull script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab with all the tabs that do not fit.</td>
<td><a href="http://www.eyecon.ro/bootstrap-tabdrop/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap/jQuery Notification Plugins -->
<h3 id="plugins-notification">Notification Plugins:</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bootstrap Tour</td>
<td>The easiest way to show people how to use your website.</td>
<td><a href="http://bootstraptour.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>PNotify</td>
<td>JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.</td>
<td><a href="http://sciactive.github.io/pnotify/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootbox.js</td>
<td>Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.</td>
<td><a href="http://bootboxjs.com/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstro.js</td>
<td>Show your users a guided tour of what is what on a page using Bootstrap popovers.</td>
<td><a href="http://clu3.github.io/bootstro.js/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>HubSpot Messenger</td>
<td>Growl-style alerts and messages for your app.</td>
<td><a href="http://github.hubspot.com/messenger/docs/welcome/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>jQuery Growl</td>
<td>A growl notifications plugin that works out of the box with the Bootstrap 3 framework.</td>
<td><a href="http://projects.zoulcreations.com/jquery/jquery-growl/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap/jQuery Modal Plugins -->
<h3 id="plugins-modal">Modal Plugins:</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bootstrap Lightbox</td>
<td>A simple lightbox plugin based on the bootstrap modal plugin.</td>
<td><a href="http://www.jasonbutz.info/bootstrap-lightbox/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Image Gallery</td>
<td>Bootstrap Image Gallery is an extension to blueimp Gallery, a touch-enabled, responsive and customizable image & video gallery.</td>
<td><a href="http://blueimp.github.io/Bootstrap-Image-Gallery/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Flippant.js</td>
<td>A mini JavaScript and CSS library for flipping things over.</td>
<td><a href="http://labs.mintchaos.com/flippant.js/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<!-- Bootstrap/jQuery Other Plugins -->
<h3 id="plugins-other">Other Plugins:</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="resource-name">Name</th>
<th>Description</th>
<th class="resource-link">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jasny Bootstrap</td>
<td>Jasny Bootstrap is an extension to Bootstrap, adding a number of features and components.</td>
<td><a href="http://jasny.github.io/bootstrap/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Ladda UI for Bootstrap 3</td>
<td>Great effect that puts the spinner directly inside a button to give your users immediate feedback after a click or form submit.</td>
<td><a href="http://msurguy.github.io/ladda-bootstrap/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Video Player</td>
<td>A customizable HTML5 video player plugin for jQuery based on Bootstrap.</td>
<td><a href="http://html5-ninja.com/preview/index/5" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>rPag</td>
<td>A dynamic pagination jQuery plugin for Bootstrap 3.</td>
<td><a href="http://botmonster.com/jquery-bootpag/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>jQuery Bootpag</td>
<td>Highly responsive pagination for Bootstrap 3.</td>
<td><a href="http://auxiliary.github.io/rpage/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Accessibility Plugin</td>
<td>Bootstrap Accessibility Plugin is an extension for the Bootstrap 3 web development framework that makes many of the components of this library accessible for keyboard and screen reader users.</td>
<td><a href="https://www.paypal-engineering.com/2014/01/28/bootstrap-accessibility-plugin-making-the-popular-web-development-framework-better/" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Link Preview</td>
<td>A facebook-like link preview js library using Bootstrap styling components.</td>
<td><a href="https://github.com/Ekito/bootstrap-linkpreview" class="btn btn-primary">View Resource</a></td>
</tr>
<tr>
<td>Bootstrap Markdown</td>
<td>Markdown editing for Bootstrap.</td>
<td><a href="http://toopay.github.io/bootstrap-markdown/" class="btn btn-primary">View Resource</a></td>
</tr>
</tbody>
</table>
</div>
<div class="text-center well submit-box">
<h3>Are we missing something?</h3>
<p>Let us know and we will add your missing resource to our list!</p>
<a href="#submitResource" data-toggle="modal" class="btn btn-primary">Submit a Resource</a>
</div>
</div>
</div>
</div>
<!-- Submit a Resource Modal -->
<div class="modal fade" id="submitResource" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Submit a Resource</h4>
</div>
<div class="modal-body">
<p>To submit a resource for review, please send an email to <strong><a href="mailto:feedback@startbootstrap.com">feedback@startbootstrap.com</a></strong> with the following information:</p>
<ul>
<li>The name/title of the resource</li>
<li>A URL for the resource</li>
<li>A brief description of the resource</li>
</ul>
<p>We review each submission for quality and relevance. If you have a quality resource that is relevant to Bootstrap then we will add your resource to our list!</p>
</div>
</div>
</div>
</div>