@opensbc/akira

Typed SolidJS components for Akira: a restrained, high-density interface system for operational products.

Installation

npm install @opensbc/akira

Minimum setup

import "@opensbc/akira/styles.css";
import { Button } from "@opensbc/akira";

export function App() {
  return (
    <main class="akira-ui">
      <Button variant="primary">Execute action</Button>
    </main>
  );
}

The package uses Solid-native signals, control flow, event handlers, and <Portal>. It does not bundle React or a compatibility runtime.

Load the Changa variable font separately, then override --akira-font if the host application uses another delivery method.

See the complete SolidJS integration guide for APIs, theming, accessibility, SolidStart integration, state conventions, composition recipes, and production guidance.

License

MIT © OpenSBC contributors. See LICENSE.