MemoriAI UI

This is the UI library for Memori AI and AIsuru.

Used by AIsuru platform and Client components.

See Storybook for a showcase of all components and their usage.

Installation

bun add @memori.ai/ui
# npm install @memori.ai/ui
# or yarn or pnpm

Usage

Example usage for the Button component:

import { Button } from '@memori.ai/ui'

<Button>Click me</Button>

To see all components, visit our Storybook.

Development

To install dependencies:

bun install

To run Storybook:

bun run storybook # or bun sb

To run tests (in watch mode):

bun run test
# this is not the same as `bun test` 
# `bun test` runs the tests using Bun test runner and it's not compatible with our setup

Linting:

bun lint

Linting CSS:

bun lint:css

Formatting:

bun format

Formatting check:

bun format:check

Type checking:

bun typecheck

Building:

bun run build

Release:

bun run release

Tech stack

• Bun
• React
• React Aria
• Storybook
• Vite
• Vitest
• Playwright
• React Testing Library
• React I18next