Moai screenshot

Moai

Author Avatar Theme by Thien do
Updated: 18 May 2025
127 Stars

A React component library, where buttons look like buttons

Categories

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:

  1. Open your terminal and navigate to your project directory.
  2. Run the following command to install Moai:
npm install @moai/core
  1. Import the Moai components into your React project:
import { Button, Input } from '@moai/core';
  1. 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.