ButtonWindowsLinuxMacOScpu loadmem load14%54%Summer GardenAn 18th-century park on the banks of the Neva River (later rebuilt) with sculptures and tall trees.BadgeBioTell us a little bit about yourselfaccept licence agreementdownload Yandex browserBrickUIUsernameButtonWindowsLinuxMacOScpu loadmem load14%54%Summer GardenAn 18th-century park on the banks of the Neva River (later rebuilt) with sculptures and tall trees.BadgeBioTell us a little bit about yourselfAccept licence agreementdownload Yandex browser

Build interfaces like stacking bricks

Library built around declarative components, so you can build interfaces like stacking bricks — modular, predictable, and fast.

1.

Philosophy

2.

Installation

3.

Component Gallery

Philosophy Points

⚙️

Declarative

Logic lives in components, not in glue code.

🧱

Composable

Components fit together seamlessly.

🎨

Customizable

Works with your existing design system.

⚡

Fast & Typed

Fast & Typed — Fully TypeScript-based.

Library Structure

@brick-uikit/layout
npm
github

Defines structure and spacing for organizing content.

@brick-uikit/input
npm
github

Collects user data and triggers actions.

@brick-uikit/display
npm
github

Presents information and visual feedback.

@brick-uikit/experimental
npm
github

Early-stage interactive or conceptual elements.

Downlaod UI kit

For your favorite design tool

figma logo

Figma

sketch logo

Sketch

Intall now

language icon
copy icon
yarn add @brick-uikit/layout
language icon
copy icon
yarn add @brick-uikit/input
language icon
copy icon
yarn add @brick-uikit/display