https://github.com/wrannaman/mui-scaffold

Easily scaffold material ui frontend components
https://github.com/wrannaman/mui-scaffold

app-builder code-generation drag-and-drop material-ui react reactjs-components

Last synced: 4 months ago
JSON representation

Easily scaffold material ui frontend components

• Host: GitHub
• URL: https://github.com/wrannaman/mui-scaffold
• Owner: wrannaman
• Created: 2020-06-05T03:52:50.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T18:50:43.000Z (over 3 years ago)
• Last Synced: 2025-04-04T08:39:16.412Z (about 1 year ago)
• Topics: app-builder, code-generation, drag-and-drop, material-ui, react, reactjs-components
• Language: JavaScript
• Homepage: https://scaffold-iqwznvcybq-uw.a.run.app/
• Size: 2.62 MB
• Stars: 49
• Watchers: 4
• Forks: 21
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mui Scaffold

**Easily scaffold material ui projects**

# Should this be a product?

Would you like to see this as a full product:

 - save your items

 - add more pre-defined components

 - saved exports

 - teams / multiplayer

If you would like to see this project turn into a full product, vote with your email and [join our substack for updates](https://sugarkubes.substack.com/)

## To Run

```sh

npm i

npm run dev

```

## Demo

[Live Demo](https://scaffold-iqwznvcybq-uw.a.run.app/)

Drag and drop material ui components on to the page. you can even style them!

![Demo](https://s3.us-west-1.wasabisys.com/public.sugarkubes/mui_scaffold/demo.gif)

Toggle between the elemets, the editor, and a tree view

![Demo](https://s3.us-west-1.wasabisys.com/public.sugarkubes/mui_scaffold/parts.gif)

Click the code tab when you're ready. Your scaffold awaits!

![Demo](https://s3.us-west-1.wasabisys.com/public.sugarkubes/mui_scaffold/code.gif)

### Code

Sorry about the code, im ripping this out of another project. Will clean it up.