Ippon's design system, distributed as a monorepo of independently published packages.
| Package | Description | Docs |
|---|---|---|
@ippon-ui/styles |
Pattern Library: design tokens and components as SCSS/CSS, built with Tikui following Atomic Design. | styles/README.md |
@ippon-ui/react |
React component library wrapping the Pattern Library. | react/README.md |
@ippon-ui/icons |
Icon font and types generated from Ionicons. | icons/README.md |
This repository uses mise to manage tooling and tasks. From the monorepo root:
mise trust # trust the local mise configuration
mise install # install the pinned tools (Node, pnpm, Tikui CLI)
mise setup # install dependencies
mise build # build all packagesCommon tasks:
| Task | Command |
|---|---|
| Start all packages in dev mode | mise dev |
| Develop the Pattern Library (port 4220) | mise styles-dev |
| Build all packages | mise build |
| Format | mise format |
| Lint | mise lint |
| Unit tests | mise test-unit-ci |
See AGENTS.md for the monorepo structure and conventions.
Apache-2.0 © Ippon Technologies