Installation

1. Install the package

Install the published package @ajsinnovations/ui. Version 0.1.1 is available on npm.

npm install @ajsinnovations/ui

2. Load the styles and font

The stylesheet is compiled from Tailwind. Consumers do not need Tailwind or a source-scanning configuration. Import it once and load Switzer from Fontshare in your document head.

import "@ajsinnovations/ui/styles.css";

// Add to your document head:
<link rel="stylesheet"
  href="https://api.fontshare.com/v2/css?f[]=switzer@1&display=swap" />

The package does not redistribute font binaries. Font source: Fontshare / Switzer. Font license.

3. Compose your interface

"use client";
import { AjsProvider, Button, Field, Input } from "@ajsinnovations/ui";

export function Example() {
  return (
    <AjsProvider>
      <Field id="business-name" label="Business name" required>
        <Input placeholder="Your business" />
      </Field>
      <Button onClick={() => console.log("Continue")}>Continue</Button>
    </AjsProvider>
  );
}

Compatibility

No Next.js dependency, production API, credentials, organization branding, or member records are included in the package. Override global --ajs-* variables to theme portaled dialogs and menus consistently.