Skip to content
/ md3-ui Public

⚛️ React Native (Web) library implementing Material Design 3

License

Notifications You must be signed in to change notification settings

efoken/md3-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MD3-UI

license npm latest package bundle size

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.