/iTwinUI

A design system for building beautiful and well-working web interfaces.

Primary LanguageTypeScriptMIT LicenseMIT

iTwinUI logo

An open-source design system that helps us build a unified web experience.

iTwinUI is a design system for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications. It supports light and dark color schemes and also comes with high contrast versions of both.

iTwinUI consists of the following packages:


🆕 iTwinUI v3 is now available! To upgrade from an older version, check out the v3 migration guide.


Usage

The easiest way to get started with iTwinUI is by using React components from @itwin/itwinui-react:

import { ThemeProvider, Button } from '@itwin/itwinui-react';
import '@itwin/itwinui-react/styles.css';

export default function App() {
  return (
    <>
      <ThemeProvider theme='light'>
        <Button>Hello!</Button>
      </ThemeProvider>
    </>
  );
}

For more details, check out the iTwinUI documentation website.


Contributing

Are you interested in helping iTwinUI grow and expand? You can submit feature requests or bugs by creating issues. Please read our CONTRIBUTING.md for more information.