Discover mdbootstrap/HTML-and-CSS-tutorial-for-beginners Open Source

𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎

24,176

Tailwind-Elements

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

11,821

material-design-for-bootstrap

A collection of free Bootstrap 5 templates.

9,415

bootstrap-templates

3,065

adminlte-laravel

A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0

PHP

1,812

mdb-react-ui-kit

React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.

1,331

bootstrap-hover-dropdown

Angular 14 & Bootstrap 5 & Material Design 2.0 UI KIT

1,256

mdb-angular-ui-kit

Bootstrap-toggle-buttons has moved to https://github.com/nostalgiaz/bootstrap-switch

1,098

bootstrap-toggle-buttons

Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT

1,021

mdb-vue-ui-kit

Black Friday & Cyber Monday Deals (UI Kits WordPress Plugins, CRMs, SEO, Courses, Books) for web developers, programmers, and software engineers.

925

Black-Friday-2023

780

Bootstarters

Free templates for Bootstrap 5

387

bootstrap-fluent-design

Fluent Design Theme for Bootstrap - inspired by Windows style and based on the latest Bootstrap 5.

Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit (link below)

323

perfect-scrollbar

A collection of Bootstrap 4 Templates - Material Design for Bootstrap. Important! New templates are available. Access the new templates via the link below:

318

Bootstrap-4-templates

Angular CRUD application starter with NgRx state management and Firebase backend

230

Angular-Bootstrap-Boilerplate

A common repository for all resources, tutorials, and useful materials. Find more free web development learning resources via the link below

195

knowledge-base

Ecommerce Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

146

Ecommerce-Template-Bootstrap

TW Elements for React - 𝙃𝙪𝙜𝙚 collection of Tailwind + React components, sections and templates 😎

143

TW-Elements-React

Source code to freeCodeCamp course for beginners

141

bootstrap-5-freecodecamp-source-code

Admin template for Material Design for Angular Bootstrap.

122

Admin-Dashboard-Template-Angular-Bootstrap

Vue Bootstrap with Material Design - Powerful and free UI KIT

mdb4-vue-ui-kit

React Bootstrap with Material Design - Powerful and free UI KIT

mdb4-react-ui-kit

Svelte Bootstrap with Material Design

mdbsvelte

Svelte

mdb-webpack-starter

Webpack Starter for Material Design for Bootstrap UI Kit based on the latest Bootstrap 5.

Important! A new UI Kit version for the latest Bootstrap 5 is available. Access the latest version via the link below

bootstrap-material-design

CSS

Landing-Page-Template-Bootstrap

Landing Page Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Command Line Interface for MDB (https://mdbootstrap.com/) - learn more about CLI via the link below

mdb-cli

Content of the mdbootstrap.com website

mdb-docs-and-content

Admin Dashboard Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Admin-Dashboard-Template-Bootstrap

This is a Saas Template for Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Saas-Template-Bootstrap

Blog Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Blog-Template-Bootstrap

Admin Dashboard template for React, Bootstrap & Material Design.

Admin-Dashboard-Template-React-Bootstrap

Dark mode / dark theme template. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-dark-theme

Admin Template for Material Design for Vue Bootstrap.

Admin-Dashboard-Template-Vue-Bootstrap

Vue

Portfolio-Template-Bootstrap

Portfolio Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

A curated list of awesome things related to MDBootstrap

awesome-mdbootstrap

Enhanced-Bootstrap-Modals

Collection of Enhanced Modals for Twitter Bootstrap

CSS

Bootstrap-5-Crash-Course-in-1.5H

These are lesson files for our 1,5h crash course on Bootstrap 5

This repository contains a source code to Bootstrap 5 Landing Page tutorial video. Access more Web Development tutorials via the link below

Bootstrap-5-Landing-Page-Tutorial

Responsive Login form built with Bootstrap 5. Lot of templates of signup forms and predefined form pages - various design, styles and functionalities.

bootstrap-login-form

Easily get data from any source and visualize it in an beautiful form

mdb-easydata

Learn the main features of the most powerful mobile framework.

Bootstrap-tutorial-for-beginners

Template for admin dashboards, control panels, reports, and others. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-admin-template

Angular Bootstrap with Material Design - Powerful and free UI KIT

mdb4-angular-ui-kit

Coming Soon Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Coming-Soon-Template-Bootstrap

Responsive Chat built with Bootstrap 5. Many variants of the chat UI - mobile app, messages box, desktop widget and more.

bootstrap-chat

A list of Black Friday and Cyber Monday promotions and discounts for developers

black-friday-cyber-monday-2020

JS-tutorial-To-Do-List-App-for-beginners

This tutorial will teach you basics of JavaScript on the real app example. Access more Web Development tutorials via the link below

Magazine Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Magazine-Template-Bootstrap

jQuery tutorial for beginners. Access more Web Development tutorials via the link below

jQuery-tutorial-for-beginners

Responsive Profiles built with Bootstrap 5. Lots of templates such as card profile, user profile, profile form, with followers, avatars, comments, stats, social media and many more.

bootstrap-profiles

This repo contains a lesson files for React development tutorial

React-Tutorial-Agenda-App

MDB Angular Progressive Web App Tutorial application

MDB-Angular-PWA

Make your website stand out with an image slider/carousel that takes up the entire viewport (fullscreen). Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-full-carousel-cover-template

VS code snippets for MDB4 angular

MDB-VSCode-snippets

VS Code snippets for MDB

mdb-angular-vscode-snippets

MDB-5-Standard-snippets

Snippets for MDB 5 Standard

AJAX-tutorial-using-JS-and-jQuery-for-beginners

AJAX tutorial using JS and jQuery for beginners. Access more Web Development tutorials via the link below

Roadmap to becoming a developer in 2022

Web-Developer-Roadmap

mdb-starter-webpack

This tutorial will teach you how to create and validate HTML forms. Access more Web Development tutorials via the link below

HTML-Forms-and-validation-tutorial-for-beginners

This repository is a result of a tutorial, link to the tutorial in a README. Access more Web Development tutorials via the link below

Bootstrap-5-Tutorial-Portfolio

Tutorial for an Agenda App built with VueJS. Access even more Web Development tutorials via the link below:

Vue-Tutorial-Agenda-App

Simple blog template. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-blog-template

Responsive Shopping Carts built with Bootstrap 5. Multiple examples of various designs and functionalities. Ready to use pages and templates.

bootstrap-shopping-carts

The ultimate collection of responsive Footers built with the latest Bootstrap 5. Free for personal & commercial use. If you'd like to customize your Footers will find the documentation below.

bootstrap-footer

bootstrap-5-login-cover-template

Simplistic template for a login or registration page. Built with the latest Bootstrap 5 & Material Design.

Horizontal and vertical examples of responsive Timelines built with the latest Bootstrap 5. Easy to use and customize.

bootstrap-timeline

MDB5 - Landing page tutorial. Access more Web Development tutorials via the link below

MDB5-Landing-page-tutorial

mdb-starter-vite

MDB5 Blog tutorial. Access more Web Development tutorials via the link below

MDB5-Blog-tutorial

Example of responsive bootstrap carousel with videos instead of images built with the Bootstrap 5.

bootstrap-video-carousel

Bootstrap 4 snippets for Visual Studio Code

visual-studio-code-bootstap-4

MDB-Vue-Nuxt-Boilerplate

A MDB Vue & Nuxt.js quick start boilerplate

Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.

react-login-form

Make your website stand out with an image that takes up the entire viewport (fullscreen). Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-full-image-cover-template

Responsive Product Cards built with the latest Bootstrap 5. Lots of examples of different designs for eCommerce components.

bootstrap-product-cards

Responsive Weather templates built with the latest Bootstrap 5. Examples of UI with icons, cards, real data from API, interactive animated backgrounds.

bootstrap-weather

MDB5 Portfolio page tutorial. Access more Web Development tutorials via the link below

MDB5-Portfolio-page-tutorial

Vue CLI plugin for MDB Vue package.

vue-cli-plugin-mdb

Tutorial for building a Facebook App. Access more Web Development tutorials via the link below

Facebook-like-chat-with-mdbootstrap-and-socket.io

An application created while writing a tutorial on how to create a PWA application in Angular.

Angular-PWA-Tutorial-Application

Template for React Bootstrap Material Design

React-Template

Contact form with Material Design Angular frontend and Node backend.

mdb-angular-contact-form

An MDB Vue & Laravel quick start boilerplate

MDB-Vue-Laravel-Boilerplate

PHP

bootstrap-mega-menu

Responsive Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.

Responsive React Chat built with Bootstrap 5. Many variants of chatbox UI, mobile app, messages box, chat window, chatbot UI, group chat, chat widget, web chat & more. https://mdbootstrap.com/docs/react/extended/chat/

react-chat

Responsive To Do Lists built with the latest Bootstrap 5. Various variants of design and functionality.

bootstrap-to-do-list

This repo contains a lesson files for Angular development tutorial

Angular-Tutorial-Agenda-App

Responsive React News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more. https://mdbootstrap.com/docs/react/extended/news-feed

react-news-feed

Responsive Jumbotron built with Bootstrap 5. Examples of classic hero component, with background image, with navbar and many other combinations.

bootstrap-jumbotron

Responsive Comment Box built with the Bootstrap 5. Comment with avatar, nested comments, comment with reply, comment section, comment template, unread comments, comment form.

bootstrap-comments

Template for news & article aggregation. Built with the latest Bootstrap 5 & Material Design.

wordpress-blog

bootstrap-5-magazine-template

Make your website stand out with an image slider/carousel that takes up half a page. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-half-carousel-cover-template

This tutorial will learn you how to use SASS, a CSS with superpowers. Access more Web Development tutorials via the link below

SASS-crash-course-for-beginners

A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-one-column-template

Responsive Square Buttons built with Bootstrap 5. Black, disabled, full-width outline, social, block square buttons examples.

bootstrap-square-buttons

Responsive Side menu with Bootstrap 5.Side Menu is a navigation component providing a clear way for navigating complex websites with lots of pages

100

bootstrap-side-menu