@inversestudio/components

IDS React component library — source TSX + CSS Modules.

Install

npm install @inversestudio/components @inversestudio/design-tokens react

Usage

Import the design tokens CSS in your app entry point:

import '@inversestudio/design-tokens/css';

Then import components:

import { IdsTextButton } from '@inversestudio/components';
// or tree-shakeable subpath import:
import { IdsTextButton } from '@inversestudio/components/IdsTextButton';

Icons

import { Icon } from '@inversestudio/components/icons';

<Icon name="Search" size={24} />

Components

• IdsIconButton
• IdsList
• IdsListItem
• IdsSimpleCard
• IdsSwitch
• IdsTabBar
• IdsTextButton

CSS Modules

Components use CSS Modules (.module.css). Your bundler (Vite, Next.js, webpack) must support CSS Modules. Design tokens are consumed via CSS custom properties provided by @inversestudio/design-tokens.

AI Manifest

A machine-readable component catalog is available at:

import manifest from '@inversestudio/components/manifest.json';