Zu Seitenhinhalt springen

MATERIAL-UI

React Komponenten für schnellere und einfachere Web-Entwicklung. Bauen Sie ihr eigenes Design-System oder starten Sie mit Material Design.

Erste Schritte
Professionellen Support erhalten
Ein schnelles Wort von unseren Sponsoren:Call-Em-All - The easy way to message your group

Installation

Installieren sie Material-UI via npm. Wir kümmern uns um das benötigte CSS.
  $ npm install @material-ui/core
oder benutzen Sie ein CDN.
Laden Sie die Standard Roboto Schriftart.
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Lesen Sie die Installationsschritte

Nutzung

Material-UI Komponenten funktionieren ohne zusätzliche Einrichtung und verändern keine Variablen im globalen Sichtbarkeitsbereich.
  import React from 'react';
  import Button from '@material-ui/core/Button';

  const App = () => (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );

Erkunden Sie die Dokumentation

Premium Themen

Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.

Themen durchsuchen

Sponsoren von Material-UI

The continued development and maintenance of Material-UI is made possible by these generous sponsors:

Diamant 💎

3/3 Plätze verfügbar

Gold 🏆

tidelift bitsrc

call-em-all

Es gibt noch mehr!

See the full list of our sponsors, and learn how you can contribute to the future of Material-UI.


Wer nutzt Material-UI?

Treten Sie dieser oder anderer großartiger Organisationen bei!

NASAWalmart LabsCapgeminiUniqloBethesdaJ.P. MorganShutterstockNetflixCourseraAmazonUnity

Nutzen Sie Material-UI?