More Premium Hugo Themes Premium React Themes

Moai

A React component library, where buttons look like buttons

Moai

A React component library, where buttons look like buttons

Author Avatar Theme by thien-do
Github Stars Github Stars: 127
Last Commit Last Commit: May 18, 2025 -
First Commit Created: Dec 18, 2023 -
default image

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.