V0 supports MUI

Today I learned that V0 now supports MUI (Material UI) and it was by pure coincidence that I discovered this.

Our UI/UX colleague is on maternity leave at the moment, which leaves us developers to kind of figure out everything on our own. Obviously given the nature of a developer, we're trying to get as far away from the design process as possible and would much rather just spend time implementing. My colleague was attempting to get the new chatGPT to generate mockups he could follow, that were using MUI components. Safe to say it did not deliver at all, and generated some odd looking futuristic designs that had no rhyme or reason. All text looked like it was written by a three year old but it did have the text "MUI-component" in the top left. However nothing looked like any component MUI would ever do.

In comes my suggestion, to get v0 to generate something that could be used as a starting off point. At this time I was still under the impression that v0 only supported shadcn components, so when I gave him the suggestion it was merely to use the generated output as a stepping stone. He was quite surprised at how well it generated what he wanted and asked if it wasn't using MUI already but with a black theme. I replied that no it was shadcn and that it was it's own library and that I didn't think it would play nice with MUI. Unfazed by this he proceeds to add the "with MUI components" to the prompt and voila, out came the same exact component, now built with MUI blocks instead. My mind was blown.

He noticed that the chat had an attachment icon, clicked on it and attached a screenshot of a table we had that could use some better visibility of the filters, he asked for v0 to generate exactly that and out comes a replica of the table with better filters on top. My mind was blown yet again. I haven't used v0 since it was in closed beta, so I didn't even know that an attachment feature had been added.

I knew v0 was powerful, but I had not expected these two changes ( supporting MUI & attachment) would change my perception of v0 so dramatically. In my mind these two things made it go from a useful tool to fool around, to be a legitimate working tool for speeding up day to day workflows in a professional setting. I guess Vercel knew as much and they have now added a pricing model as well. If I keep finding use for it, I'd say the 20 dollars a month for the pro version is probably well spent.

0
Subscribe to my newsletter

Read articles from Benjamin Rensch Vinterberg directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Benjamin Rensch Vinterberg
Benjamin Rensch Vinterberg

Enthusiastic developer from Denmark attempting to soak up new information like a sponge. If you don't have at least 3 idle side projects that desperately craves attention, are you even living life correctly?