Material-UI Binding for UI-Schema

Usage no npm install needed!

<script type="module">
  import uiSchemaDsMaterial from 'https://cdn.skypack.dev/@ui-schema/ds-material';


UI Schema Logo

Design System: Material-UI

Travis (.org) branch react compatibility npm (scoped) MIT license Typed

Material Design binding to work with @ui-schema/ui-schema, using @material-ui to generate UI and forms out of JSON Schema.



Schema Examples + Live Editor

Join UI-Schema on Slack

🚀 Demo: UI-Schema + Material Design + CRA

Fullscreen Demo

Run on CodeSandbox

Clone on Repl.it

Demo Source

🔥 Professional service & support available, reach out now!

Additional Material-UI Widgets:

  • Date-Time Picker: @ui-schema/material-pickers npm (scoped) Component Documentation
  • Codemirror as Material Input: @ui-schema/material-code npm (scoped) Component Documentation
  • DraftJS as Material TextField: @ui-schema/material-richtext npm (scoped) Component Documentation
  • Color Pickers: @ui-schema/material-color npm (scoped) Component Documentation
  • see all mui widgets on npm, keywords: ui-schema, material-ui


For updates see github release notes.

This project adheres to semver, until 1.0.0 and beginning with 0.1.0: all 0.x.0 releases are like MAJOR releases and all 0.0.x like MINOR or PATCH.


This project is free software distributed under the MIT License.


© 2020 bemit UG (haftungsbeschränkt)

License Icons

The icons in the badges of the readme's are either from simpleicons or are licensed otherwise:


By committing your code/creating a pull request to this repository you agree to release the code under the MIT License attached to the repository.

Created by Michael Becker