Tapsi Design System

Appearance

Components ​

Tapsi provides a set of UI components for building consistent and unified interfaces. All components rely on the shared @tapsioss/theme package for design tokens and styling, ensuring that no matter which framework you use, the look and feel remain consistent.

Installation ​

Web ​

To integrate Tapsi Web Components into any environment that supports Web Components, install the @tapsioss/web-components package:

bash
pnpm install @tapsioss/web-components
bash
npm install @tapsioss/web-components
bash
yarn add @tapsioss/web-components

React ​

Seamlessly integrate Tapsi's design system in your React projects using the @tapsioss/react-components package. Built with TypeScript in mind, this package offers type definitions to ensure a robust, type-safe development experience in modern React applications.

bash
pnpm install @tapsioss/react-components
bash
npm install @tapsioss/react-components
bash
yarn add @tapsioss/react-components

INFO

Both @tapsioss/web-components and @tapsioss/react-components rely on the @tapsioss/theme package for consistent styling. Be sure to include this package in your project to ensure the components render correctly.