@agiflowai/frontend-web-atoms

This package includes AGIFlow's atomic React components.

Features

• Shadcn/ui ready to use components
• Custom Components

Installation

Install the package using npm or yarn:

npm install @agiflowai/frontend-web-atoms

Usage

Shadcn/ui components

For shadcn/ui's components, please visit Shadcn's.

Custom components

Browser

Emulate Safari browser's look:

import { Browser } from '@agiflowai/frontend-web-atoms';

...
<Browser>
  ...
</Browser>

IdPortal

Render component inside portal by id:

import { IdPortal } from '@agiflowai/frontend-web-atoms';

...
<IdPortal id={"<DOM_ID>"}>
  ...
</IdProtal>

TextDiff

Render and show difference between two texts:

import { TextDiff } from '@agiflowai/frontend-web-atoms';

...
<TextDiff prev={"..."} cur={"..."} />

TimeBar

Render time progress:

import { TimeBar } from '@agiflowai/frontend-web-atoms';

...
<TimeBar min={...} max={...} startedAt="..." endedAt="..." />

License

This package is licensed under the MIT License - see the LICENSE file for details.