Installation

Tile UI React can be consumed as packages or as copy-paste registry items distributed from the React site.

Package install

pnpm add @tile-ui/react @tile-ui/styles @tile-ui/core

Registry install

First, register the Tile UI namespace in components.json so shadcn can resolve shared registry dependencies without hardcoding the docs domain into each item:

{
	"registries": {
		"@tile-ui": "https://react.tileui.zmorg.cn/r/{name}.json"
	}
}

pnpm dlx shadcn@latest add @tile-ui/styles @tile-ui/button
pnpm dlx shadcn@latest add @tile-ui/card

The CLI will resolve shared items such as @tile-ui/core and @tile-ui/utils automatically.

Global styles

import '@tile-ui/styles/scss/globals.scss';

For registry installs, point the import at the copied local file instead:

import './styles/globals.scss';