MARKETPLACE
PLUGINS
MATERIAL DESIGN UI KIT
Material Design UI Kit logo

Material Design UI Kit

Published November 2019
   •    Updated January 2026

Plugin details

Collection of UI components inspired by Google Material Design compatible with the new Bubble's responsive design system.

$72

One time  •  Or  $6/mo

4.0 stars   •   10 ratings
378 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Andrea Purracchio logo
Andrea Purracchio
Joined 2017   •   2 Plugins
View contributor profile

Instructions

This is a mostly complete collection of UI components inspired by Google Material Design. They are perfect to create Material Design user interfaces, especially forms, in less time.
My personal mission is to improve functionalities of Bubble elements while improve beauty and adaptation to mobile design standards.

Look at https://picloud-mdui-landing.bubbleapps.io/version-test

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Mobile   •   Social Network   •   Ecommerce   •   Blog   •   Visual Elements   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.0)

Please Please fix autobinding
January 16th, 2023
Autobinding is not working correctly on checkboxes that are in groups not visible on pageload, i.e. popups.
VERY GOOD input components
November 15th, 2022
Having form input components that can manage the visual design from Material Design, as well as add UI functionality such as putting the label and data connection in one component is a wonderful time savings. The support from the developer is VERY GOOD. I use the Text Input, Number Input, Phone Input, Masked "numbers into a text field", and the Material Icons. I could talk for 1,000 words of how wonderful this component is. The only reason I give it 4/5 instead of 5/5 is that there are a few small issues that you will want to work around: 1) You must always have an initial value. If there truly is no initial value, set the initial value to the component's output value. it does not create a circular reference, and fixes the issue. 2) Issue when used inside a Reusable Element, or on non-refresh states. Some components do not update their data from the database after you have initialized the data on a page. An example I have is when you have a left-hand navigator that switches values (let's say Users) and the right hand panel updates the data when you set the group's thing to the new user. I'M SURE THE DEVELOPER will address this once I give him a good example I highly recommend you use this plugin.
Almost Good
September 20th, 2022
a couple of annoying things about this: * the "select" does not behave like the bubble "dropdown", it does not allow us to use things, only text, which make things complicated if you really want to use it as a replacement for all your bubble forms. Selects also do not expand like the dropdown if you have them inside a focusgroup, they will just create scroll instead of showing options above it as the dropdown does. * the text chip is also not as good as the multiselect plugin, it feels kinda not fluid * input elements come with this embedded padding (no idea why) that makes it hard to align if you need to have other input elements that are outside from this kit (as this does not cover it all, you will certainly have input elements outside from it) * input elements need to be reset one by one it seems, no reset relevant inputs .. the icon button is very good though
Thank you very much for your review, however it would have been better if you would have made improvement requests with a specific topic in the forum. Forum is a better tool to argue in deep with more details and the possibility to solve issues or made improvement. See you. Bye. (plugin author)
September 15th, 2022
  •  
Andrea Purracchio
oh, where is the forum?
September 20th, 2022
  •  
Original reviewer
Your criticisms are welcome however they become useless when expressed in reviews. It gives you the link to a forum topic where you can make me the list of your wishes and if I feel they are useful for the whole community I can make the changes so that then, you can edit the review with a nice high score ;-) FORUM: https://forum.bubble.io/t/material-design-ui-components-new-plugin-from-purracchio-andrea/75052 (plugin author)
September 20th, 2022
  •  
Andrea Purracchio
ok, thanks, I will do in the forum and get back to this once they are implemented
September 22nd, 2022
  •  
Original reviewer
Lovely, but not responsive
July 28th, 2022
I love the plugin, but it is not compatible with bubble's new responsive system. Once it is, I'll think about using it again. Thanks anyway.
Thank you very much! Then you will be happy to know that I've just updated the plugin to be compatible to the new Bubble's responsive design system! Enjoy the 2.12 release! I hope you put some more stars, now. Bye. (plugin author)
August 4th, 2022
  •  
Andrea Purracchio
One of my favorite plugins for bubble
May 26th, 2022
I absolutely love this plugin it makes my app look amazing! I have installed it on all my apps . There is one bug in the date picker which needs fixing . its a bug where (sep) is showed twice. this happens on all my apps? hopefully Andrea can fix it soon.
Thanks you very much. The "double sep" issue depends from browser or timezone, I think. I've just tried to solve that some time ago without results because I can't reproduce the issue in my computer. If you want to help me, you can move this conversation to FORUM pages (the proper location where notice issues or bugs) then I can tell you what I need to try to solve it. Thanks a lot. Bye. (plugin author)
June 3rd, 2022
  •  
Andrea Purracchio
Bubble