📦 Moon React Base components library

A collection of reusable and customizable UI SSR components for NextJS applications.

🚀 Features

• 📌 Well-structured and modular components
• 🎨 Customizable with class names and styles
• ✅ Fully typed with TypeScript support
• 🏎 Optimized for performance and accessibility

📦 Installation

Install via npm:

npm install @heathmont/moon-base-tw

Or using pnpm:

pnpm install @heathmont/moon-base-tw

Or yarn:

yarn @heathmont/moon-base-tw

🎯 Available Components

| Component | Description | | --------------- | ---------------------------------------------- | | Accordion | Expandable/collapsible content sections | | Button | Customizable button component | | Checkbox | Standard checkbox input | | Chip | Small interactive label/badge | | Input | Customizable text input | | Loader | Loading indicator | | mergeClassnames | Utility function for merging class names | | NativeSelect | Native select dropdown | | Pagination | Pagination controls for lists/tables | | getPageInfo | Utility function for pagination calculations | | Table | Table component for displaying structured data | | Tabs | Tabbed navigation component | | Tag | Styled tag/badge for categorization |

🎨 Usage

Example: Button

import { Button } from "@heathmont/moon-base-tw/lib";

const App = () => {
  return <Button onClick={() => alert("Clicked!")}>Click Me</Button>;
};

export default App;

🧭 Explore more

Themes package

Table package

SearchCMDK package

Core package

🛠️ Contributing

If you're interested in contributing to Moon Design System, please read our contributing docs before submitting a pull request.