awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
mdbootstrap avatar

mdbootstrap/material-design-for-bootstrap

0
View on GitHub↗
mdbootstrap.com/docs/standard↗

Material Design For Bootstrap

Material Design for Bootstrap is a front-end UI kit that applies Material Design styling to Bootstrap. It supplies prebuilt CSS, interface components, icons, animations and ready-made page templates for building responsive, mobile-first websites and apps. Components are applied as predefined CSS classes on plain HTML elements, laid out on a column grid that adapts across screen sizes.

Customization happens through SCSS sources. Colors and sizing are exposed as overridable variables, and separate partials for variables and custom rules let projects change the look and add styles without editing the original source files. Sass entry files compile into a complete stylesheet and a lightweight one. Optional components ship as add-on stylesheets, so each page loads only the extras it uses. Precompiled CSS comes in readable and minified forms with source maps for tracing compressed rules back to their origin in browser developer tools.

The component set includes cards, buttons in several sizes and states, modals, feedback alerts, and carousels. For navigation there are vertical side panels and page footers that can hold links, icons, dropdowns, avatars, search forms and company details. A starter page loads the Material styles, icon fonts, Roboto typography and core scripts so a themed site can begin from a working base.

A command-line init step also creates a new project from a preset configuration and publishes it to free hosting with a shareable link. The feature set additionally lists one-step WordPress site creation for travel blogs, online shops, or a combination of both.

Features

  • Material Design UI Kits - Bundles prebuilt CSS, components, icons and templates that combine Bootstrap with Material Design styling for responsive websites.
  • Bootstrap Theme Customization - Lets projects override color and sizing variables, layer custom styles, and load only the add-on style modules a page needs.
  • Material Design Components - Offers a large set of Material Design elements, icons, animations and templates for building responsive, mobile-first sites and apps.
  • Material Design Systems - Applies Material Design styling, icons, animations and ready-made templates so responsive pages look polished without hand-writing styles.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
9,240 stars·1,105 forks·JavaScript·MIT·10 views
  • Sass Compilers - Compiles Sass entry files into a complete stylesheet and a lightweight stylesheet during the build.
  • Stylesheet Compilation - Compiles Material Design SCSS entry files into one complete stylesheet bundle and one lightweight bundle for smaller footprints.
  • Modular Stylesheet Architectures - Ships optional components as separate add-on stylesheets layered on the core styles, so pages load only the extras they use.
  • Button Styles - Styles buttons in several sizes and states, alongside cards with shadows, depth and hover effects.
  • Plugin-Based Component Classes - Applies predefined CSS classes for buttons, cards and other components directly to plain HTML elements, with no component code required.
  • SCSS Variable Overrides - Splits styles into core, variables and custom SCSS partials so projects override colors and add rules without editing original source files.
  • Content Cards - Ships cards that group content and use shadows, depth and hover effects to organize information visually.
  • Prebuilt Stylesheet Bundles - Ships precompiled Material Design CSS in full and lite builds, readable and minified, that a site adds by linking a single file.
  • Column-Based Responsive Grids - Provides a mobile-first column grid with breakpoint classes that reflows layouts across phone, tablet and desktop screens.
  • Responsive Web Interfaces - Provides mobile-first interface elements such as cards, modals, alerts, carousels, buttons and navigation layouts that adapt across screen sizes.
  • Side Panels and Footers - Provides vertical side panels and page footers that hold links, icons, dropdowns, avatars, search forms and company details.
  • Bootstrap Theme Collections - Provides a starter HTML page that loads Material styles, icon fonts, Roboto typography and core scripts so a themed Bootstrap site can begin immediately.
  • Theme Variables - Exposes colors and sizing as overridable Sass variables so one change restyles every component that references them.

    • Star history

    Star history chart for mdbootstrap/material-design-for-bootstrapStar history chart for mdbootstrap/material-design-for-bootstrap

    How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

    Frequently asked questions

    What does mdbootstrap/material-design-for-bootstrap do?

    Material Design for Bootstrap is a front-end UI kit that applies Material Design styling to Bootstrap. It supplies prebuilt CSS, interface components, icons, animations and ready-made page templates for building responsive, mobile-first websites and apps. Components are applied as predefined CSS classes on plain HTML elements, laid out on a column grid that adapts across screen sizes.

    What are the main features of mdbootstrap/material-design-for-bootstrap?

    The main features of mdbootstrap/material-design-for-bootstrap are: Material Design UI Kits, Bootstrap Theme Customization, Material Design Components, Material Design Systems, Sass Compilers, Stylesheet Compilation, Modular Stylesheet Architectures, Button Styles.

    Which projects share features with mdbootstrap/material-design-for-bootstrap?

    Projects with overlapping indexed features include: creativetimofficial/material-tailwind — Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a… mdbootstrap/mdb-ui-kit — The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with… zdhxiong/mdui — mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a… fomantic/fomantic-ui — Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user… rstudio/shiny — Shiny is a framework for building interactive web applications using R code, eliminating the need for HTML, CSS, or… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a…

    Projects sharing features with Material Design For Bootstrap

    These projects share indexed features with Material Design For Bootstrap. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
    • creativetimofficial/material-tailwindcreativetimofficial avatar

      creativetimofficial/material-tailwind

      4,367View on GitHub↗

      Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

      TypeScriptjavascriptmaterialmaterial-design
      View on GitHub↗4,367
    • mdbootstrap/mdb-ui-kitmdbootstrap avatar

      mdbootstrap/mdb-ui-kit

      24,241View on GitHub↗

      The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

      SCSSbootstrapbootstrap-materialbootstrap-template
      View on GitHub↗24,241
    • zdhxiong/mduizdhxiong avatar

      zdhxiong/mdui

      4,540View on GitHub↗

      mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

      TypeScriptcssjavascriptmaterial
      View on GitHub↗4,540
    • fomantic/fomantic-uifomantic avatar

      fomantic/fomantic-ui

      3,759View on GitHub↗

      Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

      JavaScript
      View on GitHub↗3,759
    Compare all 30 related projects→