Gettings started

Empreint is a modern React component library powered by CSS Modules and design tokens, fully typed, React 19-ready, and built with accessibility at its core.
1

Installation

npm install @empreint/ui
yarn add @empreint/ui
pnpm add @empreint/ui
bun add @empreint/ui
2

Import styles

Import the global styles once in your app entry point.

import "@empreint/ui/styles.css";
3

Use your first component

That's it. Import and use any component.

import { Button } from "@empreint/ui";

export default function App() {
	return <Button>Click me</Button>;
}
4

Customise your component

Each component exposes CSS variables you can override to match your brand.

.cta {
	--empreint-button-background-color-primary: #ff0066;
	--empreint-button-color-primary: white;
}