Skip to content
Forge UI

Installation

Forge UI is distributed as a single ESM package with React as a peer dependency.

Install

Section titled “Install”
Terminal window
pnpm add @sergeyhorse/forge

React 19 (or newer) must be present in your project.

Import the stylesheet

Section titled “Import the stylesheet”

The package ships a pre-built stylesheet with the design tokens and component utilities. Import it once, at the root of your app:

import '@sergeyhorse/forge/styles.css'

Use a component

Section titled “Use a component”
import { Button } from '@sergeyhorse/forge'


export function App() {
  return <Button>Get started</Button>
}

Dark mode

Section titled “Dark mode”

Every token has a dark variant. Opt in by setting data-theme="dark" on (or above) the element tree — for example on the <html> element:

<html data-theme="dark"></html>