Files
awesome-awesomeness/terminal/bootstrap2
2024-04-20 19:22:54 +02:00

666 KiB

 
 
 
Awesome Bootstrap !Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome) !License: CC BY 4.0
(https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg) (https://creativecommons.org/licenses/by/4.0/)
 
:sparkles: Awesome - A curated list of amazing Bootstrap templates, plugins, UI Kits, tools and themes.
 
 
Contents
 
 
- Bootstrap 5 resources (#components)
- Components (#components)
- UI Kits (#ui-kits--libraries)
- Templates (#templates)
- **Single Page Templates** (#single-page-templates)
- **Admin Dashboards** (#admin-dashboards)
- **Popular website clones** (#popular-website-clones)
- Playgrounds (#playgrounds)
- Design Tools (#design-tools)
 
- Bootstrap 4 resources (#bootstrap-4-resources)
- UI Kits (#ui-kits--libraries-1)
- Templates (#templates-1)
- **Single Page Templates** (#single-page-templates-1)
- **Admin Dashboards** (#admin-dashboards-1)
- **Other themes** (#other-themes)
 
- Info (#info)
- Contributions (#contributions)
- License (#license)
- Maintainers (#license)
 
 
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 
 
Bootstrap 5 resources
Resources compatible with the latest Bootstrap v5 (based on vanilla JavaScript).
 
 
Components
- :five: Card UX/UI (https://mdbootstrap.com/docs/standard/components/cards/) - Discover 20+ predefined templates or generate your custom card. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :five: Ultimate Footer (https://mdbootstrap.com/docs/standard/navigation/footer/) - the last but not least. Learn how the bottom of your page should be at the top of your priorities !License: MIT
(https://img.shields.io/badge/License-MIT-yellow.svg) (https://opensource.org/licenses/MIT)
- :five: Tables Generator & Templates (https://mdbootstrap.com/docs/standard/data/tables/) - Use 10+ templates and present your data in a more accessible way or generate your own table
- :five: boostrap-table (https://github.com/wenzhixin/bootstrap-table) - An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. !License: MIT
(https://img.shields.io/badge/License-MIT-yellow.svg) (https://opensource.org/licenses/MIT)
- :five: perfect-scrollbar (https://perfectscrollbar.com/) - Minimalistic but perfect custom scrollbar plugin. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :five: Tab Collapse (https://github.com/flatlogic/bootstrap-tabcollapse) - MSmall bootstrap plugin that switches bootstrap tabs component to collapse component for small screens.
 
 
UI Kits & libraries
These aren't full out-of-the-box themes, rather, they are components you can use in your own creations.
- :five: Material Design for Bootstrap (https://github.com/mdbootstrap/mdb-ui-kit) - 700+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :five: Material Design for React (https://mdbootstrap.com/docs/react/) - 700+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :five: Material Design for Angular (https://mdbootstrap.com/docs/angular/) - 700+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :five: Material Design for Vue (https://mdbootstrap.com/docs/vue/) - 700+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :five: Bootstrap E-commerce (https://bootstrap-ecommerce.com/) - A powerful html library to develop e-commerce web sites with a huge set of components and templates. (free with code awesome)
- :five: Bootstrap E-commerce Admin (https://bootstrap-ecommerce.com/) - Ready to use simple e-commerce dashboard templates. Admin sales dashboard ui designs with demo includes all necessary files to start
project quickly. (free with code awesome)
- :five: Bootstrap Menu (https://bootstrap-menu.com/) - A collection of templates for different Bootstrap 5 menu & submenu configurations. (free with code awesome)
 
Templates
IMPORTANT: For items marked with !custom license (https://img.shields.io/badge/License-Custom-red.svg) please visit their site to learn more about their license.
 
Single Page Templates
Version Name Screenshot Des LicenseInUse
cri
pti
on
├───────┼────────────────────────────────────────────────────────────────────────┼─────────────────────────────────────────┼───┼──────────────────────────────────────────────────────────────────────────────────┤
:five: Jumbtron !Jumbtron Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515510/) (./screenshots/jumbtron-template.jpg) pon(https://opensource.org/licenses/MIT)
siv
e
jum
bot
ron
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
A
sta
rte
r
tem
pla
te
wit
h a
ful
l-w
idt
h
cen
ter
ed
car
d
at
the
top
.
:five: Blog Categories !Blog Categories Cat!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515508/) (./screenshots/blog-categories.jpg) ego(https://opensource.org/licenses/MIT)
rie
s
pag
e
wit
h
the
lat
est
Boo
tst
rap
5.
A
sta
rte
r
tem
pla
te
for
sho
win
g
the
cat
ego
rie
s
of
a
giv
en
blo
g,
mag
azi
ne,
or
oth
er
kin
ds
of
pag
es.
:five: Pricing (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515552/)!Pricing (./screenshots/pricing.jpg) Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
pon(https://opensource.org/licenses/MIT)
siv
e
pri
cin
g
exa
mpl
e
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Thi
s
tem
pla
te
con
tai
ns
tie
rs
for
dif
fer
ent
pri
ces
of
pro
duc
ts,
sub
scr
ipt
ion
s,
or
saa
s.
:five: Blog (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515504/) !Blog (./screenshots/blog.jpg) Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
pon(https://opensource.org/licenses/MIT)
siv
e
blo
g
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Ope
n
sou
rce
tem
pla
te
for
per
son
al
or
com
mer
cia
l
blo
g.
:five: Coming Soon !Coming Soon Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515515/) (./screenshots/coming-soon.jpg) pon(https://opensource.org/licenses/MIT)
siv
e
cou
nte
r
tem
pla
te
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
It
cou
nts
dow
n
to
the
giv
en
dat
e
in
a
"co
min
g
soo
n"
sty
le.
:five: Fluent Design !Fluent Design (./screenshots/fluent.jpg)Com!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/ pon(https://opensource.org/licenses/MIT)
full-demo.html) ent
s
in
the
new
est
Boo
tst
rap
5
and
Flu
ent
Des
ign
.
Com
ple
tel
y
new
des
ign
usi
ng
the
lat
est
Boo
tst
rap
.
:five: Login page !Login page (./screenshots/login.jpg) Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515540/) pon(https://opensource.org/licenses/MIT)
siv
e,
log
in
pag
e
tem
pla
te
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Sig
nup
/Re
gis
tra
tio
n
for
m
exa
mpl
es
wit
h
val
ida
tio
n.
:five: Video full-page Cover !BlogPost Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515523/) (./screenshots/video-full-cover.jpg) pon(https://opensource.org/licenses/MIT)
siv
e
ful
lsc
ree
n
vid
eo
tem
pla
te
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Thi
s
ful
l-p
age
vid
eo
exa
mpl
e
wil
l
tak
e
up
the
ent
ire
vie
wpo
rt
of
you
r
use
r
scr
een
.
:five: Bootstarters (https://www.bootstarters.com/) !bootstarters Boo!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(./screenshots/bootstarters.png) tst(https://opensource.org/licenses/MIT)
art
ers
-
Fre
e
tem
pla
tes
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5
and
sty
led
in
acc
ord
anc
e
wit
h
Mat
eri
al
Des
ign
2.0
gui
del
ine
s
:five: Dark Theme !theme-dark Dar!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2922363) (./screenshots/dark-theme.jpg) k (https://opensource.org/licenses/MIT)
the
me
for
the
com
pon
ent
s
of
the
new
est
Boo
tst
rap
5.
Car
efu
lly
sel
ect
ed
col
ors
,
tog
eth
er
cre
ati
ng
a
bea
uti
ful
dar
k
com
pos
iti
on.
:five: Page with Carousel !Carousel-Page Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515519/) (./screenshots/page-carousel.jpg) pon(https://opensource.org/licenses/MIT)
siv
e,
bac
kgr
oun
d-i
mag
e
car
ous
el
tem
pla
te
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Use
a
ful
l-p
age
ima
ge
sli
der
as
the
fir
st
thi
ng
the
use
r
see
s
on
you
r
web
sit
e.
:five: Image full-page cover !ImageCoverPage Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515521) (./screenshots/image-cover.jpg) pon(https://opensource.org/licenses/MIT)
siv
e,
bac
kgr
oun
d-i
mag
e
tem
pla
te
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Use
thi
s
exa
mpl
e
of
a
ful
l-p
age
ima
ge
as
a
hea
der
of
you
r
pag
e.
:five: Blog Post !BlogPost (./screenshots/blog-post.jpg) Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515550/) pon(https://opensource.org/licenses/MIT)
siv
e,
blo
gpo
st
exa
mpl
e
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Use
thi
s
sta
rte
r
tem
pla
te
for
Boo
tst
rap
blo
gs,
art
icl
es,
and
pos
ts.
:five: Magazine !Magazine (./screenshots/magazine.jpg) Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdbootstrap/2515545/) pon(https://opensource.org/licenses/MIT)
siv
e
mag
azi
ne
tem
pla
te
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
New
s
agg
reg
ato
r
fro
ntp
age
for
art
icl
es,
blo
gpo
sts
,
and
mor
e.
 
 
 
Admin Dashboards
Version Name Screenshot Des LicenseInUse
cri
pti
on
├───────┼────────────────────────────┼─────────────────────────────────────────────────────────────────────────────┼───┼──────────────────────────────────────────────────────────────────────────────────────────┤
:five: Bootstrap 5 Admin Template !Bootstrap 5 Admin Template (./screenshots/admin-bootstrap5.jpg) Res!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://startbootstrap.com/ pon(https://opensource.org/licenses/MIT)
template-overviews/sb-admin- siv
2/) e
adm
in
das
hbo
ard
bui
lt
wit
h
the
lat
est
Boo
tst
rap
5.
Con
tro
l
pan
el
the
me
ide
al
for
adm
in
pag
es,
ana
lyt
ics
&
con
fig
ura
tio
n
pan
els
.
:five: Sneat Free Bootstrap 5 Admin!Sneat Free Bootstrap 5 Admin Template Ope!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
Template (./screenshots/sneat-free-bootstrap-5-html-admin-template.png) n-s(https://opensource.org/licenses/MIT)
(https://themeselection.com/ our
products/sneat-free-bootstra ce
p-html-admin-template/) &
Eas
y
to
use
Boo
tst
rap
5
HTM
L
Adm
in
Tem
pla
te
wit
h
Ele
gan
t
Des
ign
&
Uni
que
Lay
out
.
:five: MaterialPro Bootstrap Lite !MaterialPro Bootstrap Lite (./screenshots/materialpro-bootstrap-lite-y.jpg) The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://www.wrappixel.com/t Bes(https://opensource.org/licenses/MIT)
emplates/materialpro-lite/) t &
Fre
e
Ope
n-S
our
ce
Mat
eri
alP
ro
Boo
tst
rap
Tem
pla
tes
wit
h
Fea
tur
es
and
Pre
miu
m
Ver
sio
n
Opt
ion
:five: Modernize Free Bootstrap 5 !Modernize Free Bootstrap 5 Admin Template Fre!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
Admin Template (./screenshots/modenize-free-bootstrap-admin-template.jpg) e (https://opensource.org/licenses/MIT)
(https://adminmart.com/produ Ope
ct/modernize-free-bootstrap- n-S
5-admin-template/) our
ce
Mod
ern
ize
Boo
tst
rap
Tem
pla
tes
wit
h
Goo
d
Fea
tur
es
and
Pre
miu
m
Ver
sio
n
Opt
ion
:five: Materio Free Bootstrap 5 !Materio Free Bootstrap 5 Admin Template Ope!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
Admin Template (./screenshots/materio-bootstrap-html-admin-template-github.png) n-s(https://opensource.org/licenses/MIT)
(https://themeselection.com/ our
item/materio-free-bootstrap- ce
html-admin-template/) &
Eas
y
to
use
Boo
tst
rap
5
HTM
L
Adm
in
Tem
pla
te
wit
h
Ele
gan
t
Des
ign
&
Uni
que
Lay
out
.
 
 
Popular website clones
Version Name Screenshot Des LicenseInUse
cri
pti
on
├───────┼───────────────────────────────────────────────────────────────────────┼───────────────────────────────────────────────────┼───┼─────────────────────────────────────────────────────────────────────────┤
:five: Twitter newsfeed !word (./screenshots/twitter-newsfeed.jpg) The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2867455) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
thr
ee
col
umn
lay
out
whe
re
the
two
ext
rem
e
one
s
are
res
pon
sib
le
for
the
nav
iga
tio
n,
whi
le
the
mid
dle
one
i
car
ds
you
can
che
ck
rec
ent
use
r
act
ivi
ty.
:five: Tripadvisor homepage !Tripadvisor homepage The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2867464) (./screenshots/tripadvisor-homepage.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
one
col
umn
lay
out
wit
h
eas
y
to
use
nav
iga
tio
n
in
sho
rtc
uts
und
er
the
nav
bar
.
The
pag
e
inc
lud
es
als
o a
sea
rch
for
m &
num
ber
of
car
ds
wit
h
adv
ise
d
the
bes
t
pla
ces
to
res
t.
:five: Wikipedia article page !Wikipedia article page The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2867452) (./screenshots/wikipedia-article-page.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
typ
ica
l,
adv
anc
ed
eCo
mme
rce
nav
iga
tio
n
(do
ubl
e
nav
bar
+
sid
ena
v)
and
mul
tip
le
med
ia
con
tai
ner
s
for
pre
sen
tin
g
pro
duc
ts.
:five: IMDB homepage !IMDB homepage (./screenshots/imdb-homepage.jpg) The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847268) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
typ
ica
l,
adv
anc
ed
nav
iga
tio
n
and
mul
tip
le
med
ia
con
tai
ner
s
for
pre
sen
tin
g
new
s
and
mov
ies
.
:five: Airbnb (https://mdbootstrap.com/snippets/standard/mdb-lab/2847266) !Airbnb (./screenshots/airbnb.jpg) The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
two
-co
lum
n
lay
out
wit
h
adv
anc
ed
nav
iga
tio
n
of
mul
tip
le
med
ia
con
tai
ner
s
for
pre
sen
tin
g
pla
ces
to
sta
y
in
are
a
you
can
cho
ose
on
int
era
cti
ve
map
.
:five: Facebook messenger !Facebook messenger The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847260) (./screenshots/facebook-messenger.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
typ
ica
l
thr
ee
col
umn
lay
out
wit
h
int
erf
ace
to
sen
d
mes
sag
es
and
exc
han
ge
pho
tos
,
vid
eos
,
sti
cke
rs,
aud
io,
and
fil
es,
as
wel
l
as
rea
ct
to
oth
er
use
rs'
mes
sag
es.
:five: Facebook profile page !Facebook profile page The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847258) (./screenshots/facebook-profile-page.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
the
use
r's
pro
fil
e
pag
e,
alo
ng
wit
h
the
top
nav
iga
tio
n,
cov
er
pho
to,
pro
fil
e
pho
to,
and
bel
ow
tha
t
typ
ica
l
two
-co
lum
n
lay
out
wit
h
acc
oun
t
inf
orm
ati
on,
and
use
r
new
s
fee
d.
:five: Instagram newsfeed !Instagram newsfeed The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847257) (./screenshots/instagram-newsfeed.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
the
use
r's
new
sfe
ed,
alo
ng
wit
h
the
typ
ica
l
two
-co
lum
n
lay
out
,
sto
ry
row
and
nav
iga
tio
n.
:five: YouTube homepage !YouTube homepage The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847265) (./screenshots/youtube-homepage.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
typ
ica
l,
adv
anc
ed
You
Tub
e
nav
iga
tio
n
and
mul
tip
le
med
ia
con
tai
ner
s
for
pre
sen
tin
g
vid
eos
.
:five: Trello board !Trello board (./screenshots/trello-board.jpg) The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847259) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
tre
llo
boa
rd
wit
h a
typ
ica
l
scr
um
sys
tem
arr
ang
eme
nt
and
dra
gga
ble
tas
ks.
:five: Alibaba homepage !Alibaba homepage The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847264) (./screenshots/alibaba-homepage.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
typ
ica
l,
adv
anc
ed
eCo
mme
rce
nav
iga
tio
n
(do
ubl
e
nav
bar
+
sid
ena
v)
and
mul
tip
le
med
ia
con
tai
ner
s
for
pre
sen
tin
g
pro
duc
ts.
:five: Facebook newsfeed !Facebook newsfeed The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847263) (./screenshots/facebook-newsfeed.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
the
use
r's
new
sfe
ed,
alo
ng
wit
h
the
typ
ica
l
thr
ee-
col
umn
lay
out
and
soc
ial
med
ia
nav
iga
tio
n.
:five: Amazon homepage !Amazon homepage The!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://mdbootstrap.com/snippets/standard/mdb-lab/2847262) (./screenshots/amazon-homepage.jpg) pro(https://opensource.org/licenses/MIT)
jec
t
inc
lud
es
a
hom
e
pag
e
wit
h
typ
ica
l,
adv
anc
ed
eCo
mme
rce
nav
iga
tio
n
(do
ubl
e
nav
bar
+
sid
ena
v)
and
mul
tip
le
med
ia
con
tai
ner
s
for
pre
sen
tin
g
pro
duc
ts.
 
 
Playgrounds & hosting
 
- Codeply (https://www.codeply.com/p/3NtYJhNZCd) - an online editor that includes dozens of frameworks, starter templates and code snippets supports Vuetify, Bulma, Bootstrap, Foundation, MDB, Angular and Vue
- Snippets Playground (https://mdbootstrap.com/snippets/) - free & fast online editor dedicated to Bootstrap, supports integrations with React, Angular, Vue and MDB, full of community crafted components and
design blocks
- CodePen (https://codepen.io/) - social development environment for front-end designers and developers
- JSFiddle (https://jsfiddle.net/) - an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets
- MDB GO/CLI (https://mdbgo.com/) - frontend + backend environment. Create, deploy and host anything with a single command, offers free hosting & predesigned backend boilerplates integrated with Bootstrap,
Angular, React, Vue, Laravel, WordPress, Express.js, MongoDB, MySQL, Tailwind, Express.js, SocketIO, Passport and more.
 
 
Design Tools
 
- Drag & Drop Builder (https://mdbootstrap.com/builder/)
- Lab Templates (https://mdbootstrap.com/docs/standard/lab/)
- Color Schemes generator (https://mdbootstrap.com/docs/standard/tools/design/color-schemes/)
- ProofHub (https://www.proofhub.com/)
- Logo generator (https://mdbootstrap.com/docs/standard/tools/design/logo-generator/)
- Filestage (https://filestage.io/)
- CSS Masks & Glassmorphism Generator (https://mdbootstrap.com/docs/standard/tools/design/masks/)
- Logaster (https://www.logaster.com/logo/)
- Instagram filters CSS generator (https://mdbootstrap.com/docs/standard/tools/design/instagram-filters/)
- Coolors – Color scheme generator (https://coolors.co/)
- CSS gradients generator (https://mdbootstrap.com/docs/standard/tools/design/gradients/)
- Palleton – A color scheme (https://paletton.com/)
- Fancy border radius generator (https://mdbootstrap.com/docs/standard/tools/design/fancy-border-radius/)
- Diigo (https://www.diigo.com/)
- Meta tags generator (https://mdbootstrap.com/docs/standard/tools/builders/meta-tags/)
- Cards generator (https://mdbootstrap.com/docs/standard/tools/builders/cards/)
- Pixlr (https://pixlr.com/)
- Buttons generator (https://mdbootstrap.com/docs/standard/tools/builders/buttons/)
- InVision Studio (https://www.invisionapp.com/studio)
- Charts creator (https://mdbootstrap.com/docs/standard/tools/builders/charts/)
- Marvel (https://marvelapp.com/)
- Shadows generator (https://mdbootstrap.com/docs/standard/tools/design/shadows/)
- Figma (https://www.figma.com/)
- SVG waves generator (https://mdbootstrap.com/docs/standard/tools/design/waves/)
- Affinity Designer (https://affinity.serif.com/en-gb/designer/)
- Datatables builder (https://mdbootstrap.com/docs/standard/tools/builders/datatables/)
- UXPin (https://www.uxpin.com/)
- Alerts generator (https://mdbootstrap.com/docs/standard/tools/builders/alerts/)
- Proto.io (https://proto.io/)
- Modals generator (https://mdbootstrap.com/docs/standard/tools/builders/modals/)
- MockFlow (https://www.creativebloq.com/features/best-web-design-tools)
- Icons generator (https://mdbootstrap.com/docs/standard/tools/builders/icons/)
- Adobe Comp (https://www.adobe.com/uk/products/comp.html)
- Table generator (https://mdbootstrap.com/docs/standard/tools/builders/table/)
- Flinto (https://www.flinto.com/)
- Flexbox generator (https://mdbootstrap.com/docs/standard/tools/builders/flexbox/)
- Justinmind (https://www.justinmind.com/)
- Footer generator (https://mdbootstrap.com/docs/standard/tools/builders/footer/)
- Canva (https://www.canva.com/about/)
- Navbar generator (https://mdbootstrap.com/docs/standard/tools/builders/navbar/)
- Orion Icon (https://orioniconlibrary.com/)
- Typography generator (https://mdbootstrap.com/docs/standard/tools/builders/typography/)
- Squoosh (https://squoosh.app/)
- Grid generator (https://mdbootstrap.com/docs/standard/tools/builders/grid/)
- Animation generator (https://mdbootstrap.com/docs/standard/tools/builders/animations/)
- Ripple generator (https://mdbootstrap.com/docs/standard/tools/builders/ripple/)
- Button Generator (https://bootstrapbuttons.com)
 
 
 
 
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 
 
 
Bootstrap 4 resources
Resources compatible with the older Bootstrap v4 (based on jQuery).
 
Components
 
UI Kits & libraries
- :four: Bootstrap 4 & jQuery 3 (https://mdbootstrap.com/docs/b4/jquery/) - 600+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: Bootstrap 4 & Angular 10 (https://mdbootstrap.com/docs/b4/angular/) - 400+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: Bootstrap 4 & React 16 (https://mdbootstrap.com/docs/b4/react/) - 500+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: Bootstrap 4 & Vue 2 (https://mdbootstrap.com/docs/b4/vue/) - 400+ free material UI components & templates. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: Bootstrap-Vue (https://github.com/pi0/bootstrap-vue) Complete Components For Vue.js 2. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg) (https://opensource.org/licenses/MIT)
- :four: ng-bootstrap (https://github.com/ng-bootstrap/ng-bootstrap) Angular directives specific to Bootstrap 4 (Angular 2) !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: reactstrap (https://github.com/reactstrap/reactstrap) - Stateless React Components for Bootstrap 4. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: CodexUI (https://codexui.com/) 1 (#full-disclosure) - Vanilla Bootstrap components that require no extra CSS or Javascript to use. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: Pixel UI Kit (https://github.com/themesberg/pixel-bootstrap-ui-kit) - Premium collection of Bootstrap components and 4 example pages. !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://opensource.org/licenses/MIT)
- :four: django-bootstrap-customizer (https://github.com/johnfraney/django-bootstrap-customizer) - Customizable Bootstrap 4 generator for Django. !License: MIT
(https://img.shields.io/badge/License-MIT-yellow.svg) (https://opensource.org/licenses/MIT)
 
 
Templates
IMPORTANT: For items marked with !custom license (https://img.shields.io/badge/License-Custom-red.svg) please visit their site to learn more about their license.
 
 
Single Page Templates
Version Name Screenshot Description LicenseInUse
├───────┼─────────────────────────────────────────────────────────┼──────────────────────────────────────┼─────────────┼──────────────────────────────────────────────────────────────────────────────────────────┤
:four: Landing Page (http://startbootstrap.com/landing-page) !landing-page Landing Page !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(./screenshots/spa-landing-page.png) is a (https://opensource.org/licenses/MIT)
responsive
landing page
theme for
Bootstrap 4.
:four: Stylish portfolio !stylish Stylish !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(http://startbootstrap.com/template-overviews/stylish-por(./screenshots/spa-stylish.png) Portfolio is (https://opensource.org/licenses/MIT)
tfolio/) a one page
Bootstrap
portfolio
theme with
off canvas
navigation
and smooth
scrolling
through
content
sections.
:four: agency !agency (./screenshots/spa-agency.png)Agency is a !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(http://startbootstrap.com/template-overviews/agency/) one page (https://opensource.org/licenses/MIT)
agency
portfolio
theme for
Bootstrap
created by
Start
Bootstrap.
This theme
features
several
content
sections, a
responsive
portfolio
grid with
hover
effects, full
page
portfolio
item modals,
a responsive
timeline, and
a working PHP
contact form.
:four: freelancer !freelancer Freelancer is!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(http://startbootstrap.com/template-overviews/freelancer/(./screenshots/spa-freelancer.png) a one page (https://opensource.org/licenses/MIT)
) Bootstrap
portfolio
theme for
freelancers.
:four: Grayscale !grayscale Grayscale is !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(http://startbootstrap.com/template-overviews/grayscale/)(./screenshots/spa-grayscale.png) a (https://opensource.org/licenses/MIT)
multipurpose,
one page
website theme
featuring a
dark layout
along with
smooth
scrolling
page
animations.
 
 
Admin Dashboards
Version Name Screenshot Description LicenseInUse
├───────┼───────────────────────────────────────────┼──────────────────────────────────────┼──────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────┤
:four: ngx-admin !ng3-admin Admin dashboard template based!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://github.com/akveo/ngx-admin) (https://i.imgur.com/YgawGED.png) on Nebular framework (Angular (https://opensource.org/licenses/MIT)
4+, Bootstrap 4) previously
known as ng2-admin
:four: react-reduction !react-reduction Admin Dashboard built with !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://github.com/reduction-admin/react-r(./screenshots/reduction-admin-compactReactJS + Bootstrap4 + Create (https://opensource.org/licenses/MIT)
eduction) .png) React App
:four: sb-admin !sb-admin (./screenshots/sb-admin.png)SB Admin is a free to download!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://startbootstrap.com/template-overvi Bootstrap admin template. This(https://opensource.org/licenses/MIT)
ews/sb-admin/) template uses the defaul
Bootstrap 4 styles along with
a variety of powerful jQuery
plugins to create a pwerful
framework for creating admin
panels, web apps, or back-end
dashboards.
:four: Tabler (https://tabler.io/) !tabler (./screenshots/tabler.png) Premium and Open Source !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
dashboard template with (https://opensource.org/licenses/MIT)
responsive and high quality UI
built on Bootstrap 4.
 
Other Themes
Version Name Screenshot Description LicenseInUse
├───────┼──────────────────────────────────────────────────────┼───────────────────────────┼───────────────────────────────────┼──────────────────────────────────────────────────────────────────────────────────┤
:four: DevExpress OfficeWhite !word A Twitter Bootstrap theme inspired !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://github.com/DevExpress/bootstrap-themes/) (./screenshots/DevExpressOfby 'Office365' (https://opensource.org/licenses/MIT)
ficeWhiteBootstrapTheme_But
tons.png)
:four: DevExpress Purple !word A Twitter Bootstrap theme with !License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://github.com/DevExpress/bootstrap-themes/) (./screenshots/DevExpressPumodern design (https://opensource.org/licenses/MIT)
rpleBootstrapTheme_Buttons.
png)
:four: Windows 95 Bootstrap !Windows 95 Bootstrap UI Original Windows 95 Elements UI Kit!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)
(https://github.com/themesberg/windows-95-ui-kit) Kit Screenshot (https://opensource.org/licenses/MIT)
(https://themesberg.s3.us-e
ast-2.amazonaws.com/public/
products/windows-95/windows
-95-bootstrap-preview.gif)
 
 
 
 
 
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 
Info
 
Contributions
!PRs Welcome (https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square) (http://makeapullrequest.com)
 
To contibute please see the contributing.md (contributing.md) document.
Bootstrap version is denoted by :four: or :five: emoji.
We do not recommend you use outdated frameworks, so Bootstrap 3 entries are no longer allowed.
If you have multiple versions of your resource, please include the highest version only, or include each of them as a separate entry.
 
License
 
!Creative Commons License (http://i.creativecommons.org/l/by/4.0/88x31.png) (http://creativecommons.org/licenses/by/4.0/)
 
cc-by-4 - Too Long Didn't Read Version (https://tldrlegal.com/license/creative-commons-attribution-4.0-international-(cc-by-4)).
 
Maintainers
 
List started with :heart: by therebelrobot (https://github.com/therebelrobot).
 
!Twitter Follow (https://img.shields.io/twitter/follow/therebelrobot.svg?style=social&label=therebelrobot) (https://twitter.com/therebelrobot)
 
List maintained with :heart: by filipkappa (https://github.com/filipkappa).
 
Contact filipkappa or file an issue to contact maintainers.