IMS UI

ims-ui is a collection of React components that empower teams to craft any product with ease, following the IMS design system.

Browse the Storybook catalog of the components.

Requirements

• React: ims-ui supports React 18 and React 19 (peer dependencies ^18.0.0 || ^19.0.0). It works with Next.js 14/15 (React 18) and Next.js 16 (React 19).

Installation

npm install ims-ui

yarn add ims-ui

Setup

IMSUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official installation guide to install Tailwind CSS. Then you must add the following to your tailwind.config.js:

module.exports = {
  presets: [require("ims-ui/tailwindcss-preset")],
  content: ["./node_modules/ims-ui/dist/components/**/*.{js,jsx}"],
};