rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
862b240c90a9bccce579388e075561631b8fbc77
awesome-awesomeness/terminal/bootstrap
Jonas Zeunert 8d4db5d359 Update and add index
2024-04-23 15:17:38 +02:00

1306 lines
511 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
 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 │Description│ LicenseInUse │
├───────┼────────────────────────────────────────────────────────────────────────┼─────────────────────────────────────────┼───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────┤
│:five: │Jumbtron │!Jumbtron  │Responsive │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515510/) │(./screenshots/jumbtron-template.jpg) │jumbotron  │(https://opensource.org/licenses/MIT) │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. A  │ │
│ │ │ │starter  │ │
│ │ │ │template  │ │
│ │ │ │with a  │ │
│ │ │ │full-width │ │
│ │ │ │centered  │ │
│ │ │ │card at the│ │
│ │ │ │top. │ │
│:five: │Blog Categories │!Blog Categories  │Categories │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515508/) │(./screenshots/blog-categories.jpg) │page with  │(https://opensource.org/licenses/MIT) │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. A  │ │
│ │ │ │starter  │ │
│ │ │ │template  │ │
│ │ │ │for showing│ │
│ │ │ │the  │ │
│ │ │ │categories │ │
│ │ │ │of a given │ │
│ │ │ │blog,  │ │
│ │ │ │magazine,  │ │
│ │ │ │or other  │ │
│ │ │ │kinds of  │ │
│ │ │ │pages. │ │
│:five: │Pricing (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515552/)│!Pricing (./screenshots/pricing.jpg) │Responsive │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ │ │pricing  │(https://opensource.org/licenses/MIT) │
│ │ │ │example  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. This  │ │
│ │ │ │template  │ │
│ │ │ │contains  │ │
│ │ │ │tiers for  │ │
│ │ │ │different  │ │
│ │ │ │prices of  │ │
│ │ │ │products,  │ │
│ │ │ │subscriptio│ │
│ │ │ │ns, or  │ │
│ │ │ │saas. │ │
│:five: │Blog (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515504/) │!Blog (./screenshots/blog.jpg) │Responsive │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ │ │blog built │(https://opensource.org/licenses/MIT) │
│ │ │ │with the  │ │
│ │ │ │latest  │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. Open  │ │
│ │ │ │source  │ │
│ │ │ │template  │ │
│ │ │ │for  │ │
│ │ │ │personal or│ │
│ │ │ │commercial │ │
│ │ │ │blog. │ │
│:five: │Coming Soon │!Coming Soon  │Responsive │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515515/) │(./screenshots/coming-soon.jpg) │counter  │(https://opensource.org/licenses/MIT) │
│ │ │ │template  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. It  │ │
│ │ │ │counts down│ │
│ │ │ │to the  │ │
│ │ │ │given date │ │
│ │ │ │in a  │ │
│ │ │ │"coming  │ │
│ │ │ │soon"  │ │
│ │ │ │style. │ │
│:five: │Fluent Design  │!Fluent Design (./screenshots/fluent.jpg)│Components │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/│ │in the  │(https://opensource.org/licenses/MIT) │
│ │full-demo.html) │ │newest  │ │
│ │ │ │Bootstrap 5│ │
│ │ │ │and Fluent │ │
│ │ │ │Design.  │ │
│ │ │ │Completely │ │
│ │ │ │new design │ │
│ │ │ │using the  │ │
│ │ │ │latest  │ │
│ │ │ │Bootstrap. │ │
│:five: │Login page │!Login page (./screenshots/login.jpg) │Responsive,│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515540/) │ │login page │(https://opensource.org/licenses/MIT) │
│ │ │ │template  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5.  │ │
│ │ │ │Signup/Regi│ │
│ │ │ │stration  │ │
│ │ │ │form  │ │
│ │ │ │examples  │ │
│ │ │ │with  │ │
│ │ │ │validation.│ │
│:five: │Video full-page Cover │!BlogPost  │Responsive │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515523/) │(./screenshots/video-full-cover.jpg) │fullscreen │(https://opensource.org/licenses/MIT) │
│ │ │ │video  │ │
│ │ │ │template  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. This  │ │
│ │ │ │full-page  │ │
│ │ │ │video  │ │
│ │ │ │example  │ │
│ │ │ │will take  │ │
│ │ │ │up the  │ │
│ │ │ │entire  │ │
│ │ │ │viewport of│ │
│ │ │ │your user  │ │
│ │ │ │screen. │ │
│:five: │Bootstarters (https://www.bootstarters.com/) │!bootstarters  │Bootstarter│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ │(./screenshots/bootstarters.png) │s - Free  │(https://opensource.org/licenses/MIT) │
│ │ │ │templates  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap 5│ │
│ │ │ │and styled│ │
│ │ │ │in  │ │
│ │ │ │accordance │ │
│ │ │ │with  │ │
│ │ │ │Material  │ │
│ │ │ │Design 2.0 │ │
│ │ │ │guidelines │ │
│:five: │Dark Theme │!theme-dark  │Dark theme │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2922363) │(./screenshots/dark-theme.jpg) │for the  │(https://opensource.org/licenses/MIT) │
│ │ │ │components │ │
│ │ │ │of the  │ │
│ │ │ │newest  │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5.  │ │
│ │ │ │Carefully  │ │
│ │ │ │selected  │ │
│ │ │ │colors,  │ │
│ │ │ │together  │ │
│ │ │ │creating a │ │
│ │ │ │beautiful  │ │
│ │ │ │dark  │ │
│ │ │ │composition│ │
│ │ │ │. │ │
│:five: │Page with Carousel │!Carousel-Page  │Responsive,│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515519/) │(./screenshots/page-carousel.jpg) │background-│(https://opensource.org/licenses/MIT) │
│ │ │ │image  │ │
│ │ │ │carousel  │ │
│ │ │ │template  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. Use a  │ │
│ │ │ │full-page  │ │
│ │ │ │image  │ │
│ │ │ │slider as  │ │
│ │ │ │the first  │ │
│ │ │ │thing the  │ │
│ │ │ │user sees  │ │
│ │ │ │on your  │ │
│ │ │ │website. │ │
│:five: │Image full-page cover │!ImageCoverPage  │Responsive,│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515521) │(./screenshots/image-cover.jpg) │background-│(https://opensource.org/licenses/MIT) │
│ │ │ │image  │ │
│ │ │ │template  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. Use this│ │
│ │ │ │example of │ │
│ │ │ │a full-page│ │
│ │ │ │image as a │ │
│ │ │ │header of  │ │
│ │ │ │your page. │ │
│:five: │Blog Post │!BlogPost (./screenshots/blog-post.jpg) │Responsive,│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515550/) │ │blogpost  │(https://opensource.org/licenses/MIT) │
│ │ │ │example  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. Use this│ │
│ │ │ │starter  │ │
│ │ │ │template  │ │
│ │ │ │for  │ │
│ │ │ │Bootstrap  │ │
│ │ │ │blogs,  │ │
│ │ │ │articles,  │ │
│ │ │ │and posts. │ │
│:five: │Magazine │!Magazine (./screenshots/magazine.jpg) │Responsive │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://mdbootstrap.com/snippets/standard/mdbootstrap/2515545/) │ │magazine  │(https://opensource.org/licenses/MIT) │
│ │ │ │template  │ │
│ │ │ │built with │ │
│ │ │ │the latest │ │
│ │ │ │Bootstrap  │ │
│ │ │ │5. News  │ │
│ │ │ │aggregator │ │
│ │ │ │frontpage  │ │
│ │ │ │for  │ │
│ │ │ │articles,  │ │
│ │ │ │blogposts, │ │
│ │ │ │and more. │ │
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/template-overviews/sb-adm│ │pon│(https://opensource.org/licenses/MIT) │
│ │in-2/) │ │siv│ │
│ │ │ │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 Template  │!Sneat Free Bootstrap 5 Admin Template  │Ope│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(https://themeselection.com/products/sneat-free-boots│(./screenshots/sneat-free-bootstrap-5-html-admin-template.png) │n-s│(https://opensource.org/licenses/MIT) │
│ │trap-html-admin-template/) │ │our│ │
│ │ │ │ce │ │
│ │ │ │&  │ │
│ │ │ │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/templates/materialpro-lite│ │Bes│(https://opensource.org/licenses/MIT) │
│ │/) │ │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 Admin Template  │!Modernize Free Bootstrap 5 Admin Template  │Fre│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(https://adminmart.com/product/modernize-free-bootstr│(./screenshots/modenize-free-bootstrap-admin-template.jpg) │e  │(https://opensource.org/licenses/MIT) │
│ │ap-5-admin-template/) │ │Ope│ │
│ │ │ │n-S│ │
│ │ │ │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 Admin Template  │!Materio Free Bootstrap 5 Admin Template  │Ope│!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(https://themeselection.com/item/materio-free-bootstr│(./screenshots/materio-bootstrap-html-admin-template-github.png) │n-s│(https://opensource.org/licenses/MIT) │
│ │ap-html-admin-template/) │ │our│ │
│ │ │ │ce │ │
│ │ │ │&  │ │
│ │ │ │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 is a responsive landing  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ │(./screenshots/spa-landing-page.png) │page theme for Bootstrap 4. │(https://opensource.org/licenses/MIT) │
│:four: │Stylish portfolio  │!stylish  │Stylish Portfolio is a one page  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(http://startbootstrap.com/template-overviews/stylish-por│(./screenshots/spa-stylish.png) │Bootstrap portfolio theme with off  │(https://opensource.org/licenses/MIT) │
│ │tfolio/) │ │canvas navigation and smooth scrolling│ │
│ │ │ │through content sections. │ │
│:four: │agency │!agency (./screenshots/spa-agency.png)│Agency is a one page agency portfolio │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (http://startbootstrap.com/template-overviews/agency/) │ │theme for Bootstrap created by Start  │(https://opensource.org/licenses/MIT) │
│ │ │ │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 a one page Bootstrap  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(http://startbootstrap.com/template-overviews/freelancer/│(./screenshots/spa-freelancer.png) │portfolio theme for freelancers. │(https://opensource.org/licenses/MIT) │
│ │) │ │ │ │
│:four: │Grayscale  │!grayscale  │Grayscale is a multipurpose, one page │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(http://startbootstrap.com/template-overviews/grayscale/)│(./screenshots/spa-grayscale.png) │website theme featuring a dark layout │(https://opensource.org/licenses/MIT) │
│ │ │ │along with smooth scrolling page  │ │
│ │ │ │animations. │ │
Admin Dashboards
│Version│ Name │ Screenshot │ Description │ LicenseInUse │
├───────┼───────────────────────────────────────────┼──────────────────────────────────────┼───────────────────────────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────┤
│:four: │ngx-admin │!ng3-admin  │Admin dashboard template based on Nebular framework  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ (https://github.com/akveo/ngx-admin) │(https://i.imgur.com/YgawGED.png) │(Angular 4+, Bootstrap 4) previously known as ng2-admin│(https://opensource.org/licenses/MIT) │
│:four: │react-reduction  │!react-reduction  │Admin Dashboard built with ReactJS + Bootstrap4 +  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(https://github.com/reduction-admin/react-r│(./screenshots/reduction-admin-compact│Create React App │(https://opensource.org/licenses/MIT) │
│ │eduction) │.png) │ │ │
│:four: │sb-admin  │!sb-admin (./screenshots/sb-admin.png)│SB Admin is a free to download Bootstrap admin  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │(https://startbootstrap.com/template-overvi│ │template. This template uses the defaul Bootstrap 4  │(https://opensource.org/licenses/MIT) │
│ │ews/sb-admin/) │ │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 dashboard template with  │!License: MIT (https://img.shields.io/badge/License-MIT-yellow.svg)  │
│ │ │ │responsive and high quality UI built on Bootstrap 4. │(https://opensource.org/licenses/MIT) │
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/DevExpressOfficeWhiteBootstrapTheme_B│by 'Office365' │(https://opensource.org/licenses/MIT) │
│ │ │uttons.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/DevExpressPurpleBootstrapTheme_Button│modern design │(https://opensource.org/licenses/MIT) │
│ │ │s.png) │ │ │
│:four: │Windows 95 Bootstrap │!Windows 95 Bootstrap UI Kit Screenshot  │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) │(https://themesberg.s3.us-east-2.amazonaws.com/publi│ │(https://opensource.org/licenses/MIT) │
│ │ │c/products/windows-95/windows-95-bootstrap-preview.g│ │ │
│ │ │if) │ │ │
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 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.
Reference in New Issue View Git Blame Copy Permalink