Overview
Moai is a React Component Library called Moai UI Kit. However, it is important to note that the project is no longer in active development and will be archived soon. The creators encourage users to build their own UI kit using foundations like Radix or Headless UI.
Features
- Moai is a React Component Library
- Buttons in Moai have a distinct button-like appearance
- Can be used to build user interfaces in React
Installation
To install Moai, follow these steps:
- Open your terminal and navigate to your project directory.
- Run the following command to install Moai:
npm install @moai/core
- Import the Moai components into your React project:
import { Button, Input } from '@moai/core';
- Use the Moai components in your React components:
function App() {
return (
<div>
<Button>Click me</Button>
<Input placeholder="Enter your name" />
</div>
);
}
Summary
Moai is a React Component Library called Moai UI Kit that provides ready-to-use components for building user interfaces in React. The project is no longer in active development and will be archived soon. It is recommended to build your own UI kit using foundations like Radix or Headless UI.