TypeSafe UI — TypeSafeAI

No. @workspace/ui is a private workspace package, not a published npm package, and imports only work inside that monorepo. For another application the README tells you to deliberately port the components, styles, dependencies and aliases you need, and not to assume an npm install typesafe-ui or a hosted registry exists.

No. Outputs in the previews are local fixtures, and the README is blunt that a visual live-state indicator is not proof of a Jev API call. Browsing the catalog needs no provider credentials at all. It is also an independent community project under the TypeSafeAI organization, not an official component library or SDK.

Porting is manual and assumes the same stack: shadcn base-nova styling, Base UI primitives, Tailwind v4, a pnpm workspace driven by Turborepo, and RTL-aware components. Base UI triggers compose through render rather than Radix-style asChild, and a Button rendered as a link needs nativeButton={false}, so existing Radix habits will not transfer directly.

The README declines that claim. The E2E suite uses local Google Chrome or bundled Chromium in CI, but source checks do not prove a deployed image loads and browser automation does not establish complete accessibility. There is also no root pnpm test script; checks run as pnpm lint, pnpm typecheck and pnpm test:e2e.

Activate the pnpm version declared in package.json, then pnpm install --frozen-lockfile and pnpm dev. The manifest declares Node >=20 with 22+ a practical baseline, and the dev server normally prints http://localhost:3000. The component library is at / and the interactive scenes at /lab; press d to toggle dark mode and Cmd+K to search, and no provider credentials are needed.

Four steps. Add it against the web app, where the shadcn configuration places reusable components in packages/ui/src/components, then register it in apps/web/lib/registry.ts with its ID, group, description, exports and supported states, and add its demo under the same ID in apps/web/components/demos.tsx. The shadcn add command is a generator that can modify source and dependencies, so review the full diff and lockfile changes.

Tokens live in packages/ui/src/styles/globals.css, with light values in :root and dark values in .dark, and the TypeSafe-oriented ones include --teal, --success, --warning and --dot. Fonts are wired through next/font in apps/web/app/layout.tsx and exposed as --font-sans and --font-mono. Site identity, links, navigation, language and direction live in apps/web/lib/site.ts, and the shadcn configuration sets rtl: true, so set dir and lang deliberately and prefer logical CSS properties.