open-index/open-npm huggingface dataset:
npm package: @geti-ui/blocks
Description: Geti UI reusable application blocks
Latest version: 1.3.0

# @geti-ui/blocks

Composable application-level building blocks for Geti products.

`@geti-ui/blocks` builds on top of `@geti-ui/ui` primitives and provides opinionated product-level patterns such as media workflows, logs surfaces, and managed tabs.

## What this package includes

- Media building blocks: filtering, chips, dialog, grid, and table flows
- Logs building blocks: list content, toolbar controls, level filtering
- Tabs building blocks: managed and overflowable tab behaviors
- Annotation-related blocks and utility surfaces used in product screens

## Installation

```bash
npm install @geti-ui/blocks @geti-ui/ui
```

## Required setup

Import both stylesheets and render under `ThemeProvider`:

```tsx
import { ThemeProvider } from '@geti-ui/ui';
import '@geti-ui/ui/styles.css';
import '@geti-ui/blocks/styles.css';

export function App() {
    return <ThemeProvider>{/* app */}</ThemeProvider>;
}
```

## Quick start

```tsx
import { MediaGrid, FilterDialog, FilterChips } from '@geti-ui/blocks';

// Use with your own state/data source
```

## Examples and docs

- Installation: `documentation/docs/blocks/installation.mdx`
- Blocks docs root: `documentation/docs/blocks/`
- Media overview example: `documentation/docs/blocks/media/media-overview.mdx`
- Logs docs: `documentation/docs/blocks/logs.mdx`

## Development

From repository root:

```bash
npm run build --workspace=@geti-ui/blocks
npm run test --workspace=@geti-ui/blocks
npm run type-check --workspace=@geti-ui/blocks
npm run lint --workspace=@geti-ui/blocks
npm run format:check --workspace=@geti-ui/blocks
```
npm package: @geti-ui/charts
Description: Geti UI charts component library built on Recharts
Latest version: 1.3.0

# @geti-ui/charts

Geti-themed chart components and chart primitives built on Recharts.

`@geti-ui/charts` provides reusable chart building blocks for product analytics, model metrics, and ML-focused visualizations.

## What this package includes

- Composition charts: line, area, bar, scatter, pie, donut, radar, radial bar, meter, treemap, sparkline
- Primitive chart helpers and theming wrappers via `@geti-ui/charts/primitives`
- `ChartsThemeProvider` for Geti-consistent chart colors and tokens

## Installation

```bash
npm install @geti-ui/charts recharts
```

## Quick start

```tsx
import { ChartsThemeProvider, LineChart } from '@geti-ui/charts';

const data = [
    { epoch: 1, loss: 1.2 },
    { epoch: 2, loss: 0.9 },
    { epoch: 3, loss: 0.7 },
];

export function App() {
    return (
        <ChartsThemeProvider>
            <LineChart data={data} xAxisKey="epoch" series={[{ dataKey: 'loss', name: 'Loss' }]} />
        </ChartsThemeProvider>
    );
}
```

If you already use `ThemeProvider` from `@geti-ui/ui`, nest `ChartsThemeProvider` inside it.

## Examples and docs

- Installation: `documentation/docs/charts/installation.mdx`
- Charts overview: `documentation/docs/charts/overview.mdx`
- Primitives: `documentation/docs/charts/primitives.mdx`
- Compositions: `documentation/docs/charts/compositions.mdx`

## Development

From repository root:

```bash
npm run build --workspace=@geti-ui/charts
npm run test --workspace=@geti-ui/charts
npm run type-check --workspace=@geti-ui/charts
npm run lint --workspace=@geti-ui/charts
npm run format:check --workspace=@geti-ui/charts
```
npm package: @geti-ui/ui
Description: Geti UI component design system
Latest version: 1.3.0

# @geti-ui/ui

Geti UI core design system package for React applications.

`@geti-ui/ui` provides accessible, production-ready UI primitives and patterns used across Geti products, with a dark-mode-first theme and typed APIs.

## What this package includes

- 80+ components across form, data, feedback, navigation, overlays, and layout
- Theme integration via `ThemeProvider` and bundled stylesheet
- Asset and icon subpath exports:
    - `@geti-ui/ui/icons`
    - `@geti-ui/ui/assets`
    - `@geti-ui/ui/assets/images`
    - `@geti-ui/ui/assets/domains`
    - `@geti-ui/ui/assets/primary-tools`

## Installation

```bash
npm install @geti-ui/ui
```

## Quick start

```tsx
import '@geti-ui/ui/styles.css';
import { ThemeProvider, Button } from '@geti-ui/ui';

export function App() {
    return (
        <ThemeProvider>
            <Button variant="accent">Get started</Button>
        </ThemeProvider>
    );
}
```

## Examples and docs

- Installation: `documentation/docs/components/installation.mdx`
- Component docs root: `documentation/docs/components/`
- Asset docs: `documentation/docs/assets/`
- Kitchen sink examples: `documentation/docs/examples/`

## Development

From repository root:

```bash
npm run build --workspace=@geti-ui/ui
npm run test --workspace=@geti-ui/ui
npm run test:e2e --workspace=@geti-ui/ui
npm run type-check --workspace=@geti-ui/ui
npm run lint --workspace=@geti-ui/ui
npm run format:check --workspace=@geti-ui/ui
```
npm package: @getinapp/appetizer
Description: Appetizer é uma UI Kit em React que ajuda os desenvolvedores e designers do @getinapp a construir interfaces de usuário consistentes e sem esforço.
Author: Get In
Latest version: 1.3.3

<h1 align="center">Welcome to Appetizer 👋</h1>
<p align="center">
  <img alt="Version" src="https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000" />
  <a href="https://github.com/getinapp/appetizer#readme" target="_blank">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
  </a>
  <a href="https://github.com/getinapp/appetizer/graphs/commit-activity" target="_blank">
    <img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" />
  </a>
  <a href="https://github.com/getinapp/appetizer/blob/master/LICENSE" target="_blank">
    <img alt="License: MIT" src="https://img.shields.io/github/license/wendelfreitas/Appetizer" />
  </a>
  <a href="https://twitter.com/wendeltsx" target="_blank">
    <img alt="Twitter: wendeltsx" src="https://img.shields.io/twitter/follow/wendeltsx.svg?style=social" />
  </a>
</p>

> Appetizer é uma UI Kit em React que ajuda os desenvolvedores e designers do @getinapp a construir interfaces de usuário consistentes e sem esforço.

### 🏠 [Homepage](https://github.com/getinapp/appetizer#readme)

## How to run project

```sh
git clone git@github.com:getinapp/appetizer.git
```

```sh
yarn install
```

```sh
yarn storybook
```

## Run tests

```sh
yarn test
```

## Authors

👤 **Wendel Freitas**

- Website: https://wendel.dev
- Twitter: [@wendeltsx](https://twitter.com/wendeltsx)
- Github: [@wendelfreitas](https://github.com/wendelfreitas)
- LinkedIn: [@wendelfb](https://linkedin.com/in/wendelfb)

👤 **Fabio Bueno**

- Github: [@fabiobueno](https://github.com/fabiobueno)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!<br />Feel free to check [issues page](https://github.com/getinapp/appetizer/issues). You can also take a look at the [contributing guide](https://github.com/getinapp/appetizer/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

Copyright © 2021 [Wendel Freitas](https://github.com/wendelfreitas).<br />
This project is [MIT](https://github.com/getinapp/appetizer/blob/master/LICENSE) licensed.