@kawaiininja/ui

A premium React UI component library for building beautiful web applications.

Component Structure

ui/
├── dist/                # Compiled output
└── src/
    └── components/
        └── section/     # Section layout components
            ├── Section.tsx
            ├── SectionHeader.tsx
            └── SectionLabel.tsx

Installation

npm install @kawaiininja/ui

Usage

import { Section, SectionHeader, SectionLabel } from "@kawaiininja/ui";

function MyPage() {
  return (
    <Section space="lg">
      <SectionHeader title="My Section" subtitle="This is a subtitle" />
      <SectionLabel>Label</SectionLabel>
      <div>Content goes here...</div>
    </Section>
  );
}

Features

• TypeScript Support: Fully typed components.
• Modern Design: Built for premium user interfaces.
• Flexible: customizable props and styling.

Scripts

• npm run build: Build the package (TypeScript compilation).
• npm publish: Publish to npm (use the provided publish-ui-*.bat scripts in the root).