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.
- Buttons
- Common buttons
- Icon buttons
- Cards
- Chips
- Navigation bar
- Top app bar
MD3-UI is available as an npm package.
// with yarn
yarn add @md3-ui/core
// with npm
npm i @md3-ui/coreHere 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") })This project is licensed under the terms of the MIT license.