# @babylonlabs-io/core-ui

> @babylonlabs-io/core-ui Babylon Core UI

Latest version **3.3.0** (published 2026-10-16) · 0 weekly downloads

## Install

```sh
npm install @babylonlabs-io/core-ui
pnpm add @babylonlabs-io/core-ui
yarn add @babylonlabs-io/core-ui
bun add @babylonlabs-io/core-ui
```

## Health

**Score 55/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 3.3.0 |
| Published | 2026-10-16 |
| First published | 2025-02-25 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 14 |

## Links

- npm: https://www.npmjs.com/package/@babylonlabs-io/core-ui
- Repository: https://github.com/babylonlabs-io/babylon-toolkit
- Homepage: https://github.com/babylonlabs-io/babylon-toolkit#readme
- Issues: https://github.com/babylonlabs-io/babylon-toolkit/issues
- npm.io page: https://npm.io/package/@babylonlabs-io/core-ui

## Recent versions

- 3.3.0 (latest) — 2026-10-16
- 3.2.3 — 2026-10-16
- 3.2.2 — 2026-10-15
- 3.2.1 — 2026-10-12
- 3.2.0 — 2026-10-07
- 3.1.0 — 2026-10-07
- 3.0.0 — 2026-10-06
- 2.3.1 — 2026-10-06
- 2.3.0 — 2026-10-03
- 2.2.0 — 2026-09-29
- 2.1.0 — 2026-09-29
- 2.0.5 — 2026-09-22
- 2.0.4 — 2026-09-21
- 2.0.3 — 2026-09-21
- 2.0.2 — 2026-09-15
- … 132 more at https://npm.io/package/@babylonlabs-io/core-ui/versions

## README

<p align="center">
    <img alt="Babylon Logo" src="https://github.com/user-attachments/assets/b21652b5-847d-48b2-89a7-0f0969a50900" width="100" />
    <h3 align="center">@babylonlabs-io/core-ui</h3>
    <p align="center">Babylon Core UI</p>
    <p align="center"><strong>React</strong> library</p>
    <p align="center">
      <a href="https://www.npmjs.com/package/@babylonlabs-io/core-ui"><img src="https://badge.fury.io/js/@babylonlabs-io%2Fcore-ui.svg" alt="npm version" height="18"></a>
    </p>
</p>

---

## 👨🏻‍💻 Installation

To install the package, run the following command:

```console
npm i @babylonlabs-io/core-ui
```

## 📝 Commit Format & Automated Releases

This project uses [**Conventional Commits**](https://www.conventionalcommits.org/en/v1.0.0/)
and [**semantic-release**](https://semantic-release.gitbook.io/) to automate
versioning, changelog generation, and npm publishing.

### ✅ How It Works

1. All commits must follow the **Conventional Commits** format.
2. When changes are merged into the `main` branch:
   - `semantic-release` analyzes commit messages
   - Determines the appropriate semantic version bump (`major`, `minor`, `patch`)
   - Tags the release in Git with release change log
   - Publishes the new version to npm

### 🧱 Commit Message Examples

```console
feat: add support for slashing script
fix: handle invalid staking tx gracefully
docs: update README with commit conventions
refactor!: remove deprecated method and cleanup types
```

> **Note:** For breaking changes, add a `!` after the type (
> e.g. `feat!:` or `refactor!:`) and include a description of the breaking
> change in the commit body.

### 🚀 Releasing

Just commit your changes using the proper format and merge to `main`.
The CI pipeline will handle versioning and releasing automatically — no manual
tagging or version bumps needed.


## 📖 Storybook

To view the component library, run:

```console
npm run storybook
```

##  💪 Usage

Provide examples of how to use the library in a project. Include code snippets and explanations.

```javascript
import { ComponentName } from "@babylonlabs-io/core-ui";

function App() {
  return <ComponentName prop="value" />;
}
```

---
_Source: https://npm.io/package/@babylonlabs-io/core-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._