MD3-UI

Quickly build beautiful and more accessible React and React Native apps based on Material Design 3. Furthermore, MD3-UI is simple and fully customizable to follow your own design system.

Supported components

• Buttons
  • Common buttons
  • Icon buttons
• Cards
• Chips
• Navigation bar
• Top app bar

Installation

MD3-UI is available as an npm package.

// with yarn
yarn add @md3-ui/core

// with npm
npm i @md3-ui/core

Usage

Here is a simple example to get you started:

import { AppRegistry } from "react-native"
import { Md3Provider, FilledButton } from "@md3-ui/core"

function App() {
  return (
    <Md3Provider>
      <FilledButton>Hello World</FilledButton>
    </Md3Provider>
  )
}

AppRegistry.registerComponent("App", () => App)
AppRegistry.runApplication("App", { rootTag: document.querySelector("#app") })

License

This project is licensed under the terms of the MIT license.