@dotnaos/react-ui

@dotnaos/react-ui

Cross-platform React components for DotNaos, built on top of the shared @dotnaos/design package.

Install

pnpm add @dotnaos/react-ui

Web apps should import the shared CSS before rendering the components:

import "@dotnaos/design/tokens.css";
import "@dotnaos/design/theme.css";
import "@dotnaos/design/styles.css";

Import

import { Button, Card, ThemeProvider } from "@dotnaos/react-ui";

The default entrypoint includes a react-native condition. Web bundlers receive the web implementation, while React Native-aware bundlers receive the native implementation. Explicit platform entrypoints are also available:

import { Button } from "@dotnaos/react-ui/web";
import { Button as NativeButton } from "@dotnaos/react-ui/native";

CDN usage

Use the public npm package through npm-compatible CDNs:

import { Button } from "https://esm.sh/@dotnaos/react-ui@VERSION";
import { Button } from "https://cdn.jsdelivr.net/npm/@dotnaos/react-ui@VERSION/+esm";
import { Button } from "https://unpkg.com/@dotnaos/react-ui@VERSION/dist/index.js";

The unpkg entrypoint serves the built ESM file directly. Because react, react-dom, and react/jsx-runtime remain peer/runtime imports, esm.sh and jsDelivr +esm provide the smoothest browser CDN experience.

Build

pnpm --filter @dotnaos/react-ui build

Licensing

This package is published under the MIT license and includes LICENSE and THIRD_PARTY_NOTICES.md in the npm tarball.

Only open-source shadcn/ui patterns and open-source HeroUI packages are used. No HeroUI Pro code, templates, assets, or components are included.