npmpackage.info

Gathering detailed insights and metrics for @itwin/itwinui-css

Other packages similar to @itwin/itwinui-css

@itwin/itwinui-variables

3.3.1

CSS variables for the iTwinUI design system

@itwin/itwinui-layouts-css

0.4.0

iTwinUI CSS package that provides classes for most common layouts

@itwin/itwinui-layouts-react

0.4.1

iTwinUI package that provides React components for most common layouts

Gathering detailed insights and metrics for @itwin/itwinui-css

@itwin/itwinui-css - 2.5.0 | npmpackage.info

@itwin/itwinui-css

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

2.5.0

116

MIT

TypeScript

517.29 kB

Installations

npm install @itwin/itwinui-css

Developer Guide

BETA

Typescript

No

Module System

CommonJS, ESM

Node Version

20.11.1

NPM Version

10.2.4 Pull Requests

Open

14

Total

1,878

Closed

143

Merged

1,721

Issues

Open

52

Total

563

Closed

511

Releases

304

@itwin/itwinui-react@3.19.0

Updated on Jul 08, 2025

@itwin/itwinui-react@3.18.3

Updated on Jun 02, 2025

@itwin/itwinui-react@3.18.2

Updated on May 15, 2025

@itwin/itwinui-react@3.18.1

Updated on Apr 28, 2025

@itwin/itwinui-react@3.18.0

Updated on Apr 10, 2025

@itwin/itwinui-react@3.17.4

Updated on Mar 28, 2025

View All 304 releases

Languages

TypeScript

Astro

SCSS

MDX

JavaScript

CSS

HTML

Shell

TypeScript (58.23%)

Astro (27.45%)

SCSS (6.4%)

MDX (5.17%)

JavaScript (2.62%)

CSS (0.1%)

HTML (0.03%)

Shell (0.01%)

Developer

iTwin

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

116 Stars

2,393 Commits

47 Forks

7 Watchers

54 Branches

63 Contributors

Updated on Jul 14, 2025

Maintainers

View All 63 Contributors

Package Meta Information

Latest Version

2.5.0

Package Id

@itwin/itwinui-css@2.5.0

Unpacked Size

517.29 kB

Size

69.42 kB

File Count

NPM Version

10.2.4

Node Version

20.11.1

Published on

Mar 08, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

chokidar lightningcss npm-run-all postcss sass sass-embedded

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-css consists of the following packages:

@itwin/itwinui-css - the CSS for every component as well as some global styles
@itwin/itwinui-variables - CSS variables for iTwinUI's design tokens

If you're looking for React components, check out @itwin/itwinui-react which is built on top of iTwinUI-css.

Installation

Install both packages:

npm install @itwin/itwinui-css @itwin/itwinui-variables

or if using yarn:

yarn add @itwin/itwinui-css @itwin/itwinui-variables

Usage

Import the global styles and variables (only needs to be done once per page):

1@import '@itwin/itwinui-variables';
2@import '@itwin/itwinui-css/global';

Note: If your project doesn't support export maps, then you might need to import the css from the real paths:
1@import '@itwin/itwinui-variables/index.css';
2@import '@itwin/itwinui-css/css/global.css';

Apply the iui-root class at the root of your app, and use data-iui-theme to specify theme (light or dark). See @itwin/itwinui-variables/README.md for more details on theming.

1<body class="iui-root" data-iui-theme="light">
2  <!-- your application code -->
3</body>

Now you can start using our components:

1@import '@itwin/itwinui-css/css/button.css';

1<button class="iui-button" data-iui-variant="default">
2  <span>Hello world</span>
3</button>

Check out our demo website for a preview of all our components.

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.

Changelog

Read our CHANGELOG.md to find recent changes.

No vulnerabilities found.

No security vulnerabilities found.