#Getting Started

If you're using Capacitor or Next.js take a look at the example projects

#Install

1. Install the package

   npm

   yarn

   pnpm

   bun

   npm install adaptive-material-ui

2. If you don't already have Material UI follow the Material UI install steps

#Theme Provider

Add the AdaptiveThemeProvider component to the root of your app, this applies the iOS font & default colors. If you already had a ThemeProvider, replace it with this component and update your theme to target the Adaptive components.

import { AdaptiveThemeProvider } from "adaptive-material-ui/theme/adaptiveThemeProvider";

export default function App() {
  return (
    <AdaptiveThemeProvider>
      <ChildComponentsGoHere />
    </AdaptiveThemeProvider>
  );
}

#Next Steps

It's time to choose the next step in your adventure, do you

• Add some components or
• Play with the config or
• Customize the styles or
• All of the above? 📎