Skip to main content

Getting Started

Step 1: Installation​

To use Matro UI in your project, run one of the following commands in your terminal:

npm install matro-ui

After installing Matra UI, no further actions are required. Currently, we do not use the Context Provider for custom theme settings. However, this will change in the near future.

Step 2: Add your first Component​

Here's a quick example of how you can do it using something like Create React App:

import React from "react";
import * as ReactDOM from 'react-dom';
import { Button } from "matro-ui";
 
ReactDOM.render(
  <Button>This button looks great.</Button>,
  document.getElementById("root")
);

Conclusion​

You've successfully installed Matro UI and added your first component to your project. Now, you're ready to dive deeper and explore the full range of components and features Matro UI has to offer. Whether you're building a simple website or a complex web application, Matro UI provides you with the tools you need to create beautiful and functional user interfaces.

To explore more components, check out the components overview page. Happy coding!