Distribution

One design system, separate runtime packages.

The packages keep React, React Native, and Next.js integration explicit while sharing the same token language.

@hozorica/hods-tokens

Theme palette, semantic token object, and CSS custom properties.

pnpm add @hozorica/hods-tokens

import "@hozorica/hods-tokens/tokens.css";

@hozorica/hods-react

Web primitives and accessible components for React applications.

pnpm add @hozorica/hods-react

import "@hozorica/hods-react/tokens.css";
import { Box, Text, ActionButton } from "@hozorica/hods-react";

@hozorica/hods-react-native

React Native primitives that share token names and component contracts.

pnpm add @hozorica/hods-react-native

import { Box, Text, ActionButton } from "@hozorica/hods-react-native";

@hozorica/hods-next

Next.js entrypoint with React exports and a light-default theme script.

pnpm add @hozorica/hods-next

import { ThemeScript, Box } from "@hozorica/hods-next";