Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Material Design for Bootstrap
Material Design for Bootstrap

51
79
+ 1
44
UIkIt
UIkIt

635
125
+ 1
199
Add tool

Material Design for Bootstrap vs UIkIt: What are the differences?

Material Design for Bootstrap: Material Design for Bootstrap. This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style; UIkIt: A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.

Material Design for Bootstrap and UIkIt belong to "Front-End Frameworks" category of the tech stack.

Some of the features offered by Material Design for Bootstrap are:

  • Input fields (text, numeric, email, etc)
  • Textarea
  • Buttons (ripple effect working)

On the other hand, UIkIt provides the following key features:

  • LESS - UIkit is developed in LESS to write well-structured, extendable code which is easy to maintain.
  • Components - A collection of small, responsive components using consistent and conflict-free naming conventions.
  • Customizer - UIkit's very basic style can be extended with themes and is easy to customize to create your own look.

"Bootstrap" is the primary reason why developers consider Material Design for Bootstrap over the competitors, whereas "Complete GUI" was stated as the key factor in picking UIkIt.

Material Design for Bootstrap and UIkIt are both open source tools. It seems that Material Design for Bootstrap with 19.9K GitHub stars and 3.31K forks on GitHub has more adoption than UIkIt with 14.7K GitHub stars and 2.11K GitHub forks.

Dyn, AskNicely, and Nedwave are some of the popular companies that use UIkIt, whereas Material Design for Bootstrap is used by MXD3D, Itbid, and TypeLead. UIkIt has a broader approval, being mentioned in 45 company stacks & 9 developers stacks; compared to Material Design for Bootstrap, which is listed in 5 company stacks and 6 developer stacks.

What is Material Design for Bootstrap?

This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.

What is UIkIt?

UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Material Design for Bootstrap?
Why do developers choose UIkIt?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Material Design for Bootstrap?
      What companies use UIkIt?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Material Design for Bootstrap?
      What tools integrate with UIkIt?
        No integrations found
          No integrations found
          What are some alternatives to Material Design for Bootstrap and UIkIt?
          Bootstrap
          Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
          Animate.css
          It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
          Material Design for Angular
          Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
          Foundation
          Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
          Material Design Lite
          Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.
          See all alternatives
          Decisions about Material Design for Bootstrap and UIkIt
          No stack decisions found
          Interest over time
          Reviews of Material Design for Bootstrap and UIkIt
          No reviews found
          How developers use Material Design for Bootstrap and UIkIt
          Avatar of Giovanni Candido da Silva
          Giovanni Candido da Silva uses UIkItUIkIt

          Provides common user interface like dialogs, menus, etc. Is modular and hight customisable. A part from the grid system, is not used directly, but has as layer of abstraction build with web components, and typescript as far as possible with the time and working constraints, to be reused in other projects.

          Avatar of AskNicely
          AskNicely uses UIkItUIkIt

          UI Kit provides so many great features out of the box. It provides all the tools to build a rich interface with very little configuration. Many of the modules are well documented and are relevant to the common trends we are seeing on websites today.

          Avatar of Itbid
          Itbid uses Material Design for BootstrapMaterial Design for Bootstrap

          UX intuitiva pensada para usuarios de Android

          How much does Material Design for Bootstrap cost?
          How much does UIkIt cost?
          Pricing unavailable
          Pricing unavailable
          News about Material Design for Bootstrap
          More news
          News about UIkIt
          More news