@flabbergasted-ai/react

React 19 components for calm, data-dense application interfaces. The package contains the desktop component library plus a separate touch-first mobile entrypoint.

Install

pnpm add @flabbergasted-ai/react @flabbergasted-ai/tokens

React and React DOM are peer dependencies. Import the token CSS once after Tailwind, and include the package output in Tailwind's source scan:

@import "tailwindcss";
@import "@flabbergasted-ai/tokens/css";
@source '../node_modules/@flabbergasted-ai/react/dist';

Usage

"use client";

import { Button, Card, CardBody, CardTitle } from "@flabbergasted-ai/react";

export function Example() {
  return (
    <Card>
      <CardTitle>Deployment ready</CardTitle>
      <CardBody>
        <Button>Review changes</Button>
      </CardBody>
    </Card>
  );
}

Theme, palette and font-size initialization scripts are available through the theme-script, palette-script and font-size-script subpath exports.

Touch-first components are provided separately:

import { MobileShell, TabBar } from "@flabbergasted-ai/react/mobile";

Development

Run pnpm --filter @flabbergasted-ai/react test for package tests, or pnpm verify from the repository root before submitting a change.

License

Licensed under the MIT License. See LICENSE for details.