MATERIAL-UI

Des composants React pour un développement web plus rapide et plus simple. Confectionner votre propre thème graphique ou aidez-vous de Material Design.

Commencer

Star

Obtenir de l'aide professionnelle

Un mot rapide de nos sponsors :Tidelift — Enterprise-ready open source software

Installation

Installez les fichiers source de Material-UI avec npm. Nous nous occupons d'injecter le CSS nécessaire.

$ npm install @material-ui/core

ou utilisez un CDN.

Chargez la police Roboto par défaut.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Lire les docs d'installation

Usage

Les composants Material-UI fonctionnent de manière isolée. Ils sont autonomes.

import React from 'react';
import { Button } from '@material-ui/core';

function App() {
  return <Button color="primary">Hello World</Button>;
}

Consulter la documentation

Thèmes Premium

Faites passer votre projet au niveau supérieur avec des thèmes premium de notre store officiel, tous construits sur Material-UI.

Parcourir les thèmes

Sponsors de Material-UI

Le développement et la maintenance continus de Material-UI sont rendus possibles par ces généreux sponsors :

Diamant 💎

2/3 places disponibles

Or 🏆

Il y en a plus !

Voir la liste complète de nos sponsors, et apprendre comment vous pouvez contribuer au futur de Material-UI.

Éloge de Material-UI

Voici ce que disent certains de nos utilisateurs.

Derek Shanks

@fragileglass

Sometimes a library is so incredibly awesome. You don’t want to use anything else. I absolutely love that I can have the Material look or completely customize @MaterialUI to any look I desire.

Andréa

@azza_314

Becoming more obsessed with @MaterialUI for #React. Along with #TypeScript support, they have phenomenal documentation, and an impressive design section with customizable themes and case studies. This is the best front-end library I've ever worked with!

Aumit Leon

@aumitleon

Material-UI continues to blow my mind how easily I can put together really aesthetic and functional components and minimize overhead.