Installing the packages
How to install and consume the public @infinitibit_gmbh suite — zero auth, prerelease channels, tokens and themes.
Installing the packages
The suite is public on npmjs — anyone can install it, with no authentication or token required.
Install
pnpm add @infinitibit_gmbh/ui @infinitibit_gmbh/theme-defaultreact (React 19) is a peer dependency of ui. The theme packages are CSS-only.
Prerelease channels
Stable releases are on the default latest tag; previews live on alpha / beta / rc:
pnpm add @infinitibit_gmbh/ui@alpha # latest alpha previewThe suite is version-locked, so install matching versions of ui and any theme.
Use tokens + a theme
Load one theme's CSS once — it defines the design-token custom properties — then use the package:
// load the design tokens (CSS custom properties) once, in your app entry
import '@infinitibit_gmbh/theme-default/theme.css';
// import from the package public entrypoints
import { tokens } from '@infinitibit_gmbh/ui/tokens';For scoped theming (e.g. Storybook, or a single subtree), import the .scoped.css build
instead of theme.css.
Font
The base font is Inter. Load it once in your app entry (self-hosted via Fontsource):
pnpm add @fontsource-variable/interimport '@fontsource-variable/inter';Dark mode
Themes ship light and dark values. Toggle the .dark class on <html> to switch
modes — components need no changes. See Themes → Dark mode.
Versioning
The suite follows semver and moves as one locked version. Prereleases carry a suffix
(0.1.0-alpha.0); latest is the stable line (v1+).