Tile UISolid
Source code

Tile UI · SolidJS

Installation

Install Tile UI Solid as a package or copy the current registry slice into a Solid application.

Choose the package when you want managed updates, or the registry when you want the component source in your application.

Package install

corepack pnpm add @tile-ui/solid @tile-ui/styles solid-js

Import the shared global theme once near the application root:

import '@tile-ui/styles/scss/globals.scss';
import { Button } from '@tile-ui/solid';

globals.scss includes Tile’s default palette and reset. Keep that entry for the default all-in-one setup, or use @tile-ui/styles/theme.scss and an optional @tile-ui/styles/reset.scss separately. If your application already owns the semantic palette, use only @tile-ui/styles/tokens.scss.

See Theme resources for independent appearances and their dedicated setup guides.

Registry install

pnpm dlx shadcn@latest add https://solid.tileui.zmorg.cn/r/button.json

Registry items include the Solid source, module SCSS, and rewritten framework-independent helpers they depend on.

Independent appearances are listed in Theme resources; follow the selected theme’s guide for registry installation.

SolidStart notes

Tile UI Solid components support server rendering. Keep browser APIs inside event handlers, onMount, or guarded effects, and import the global theme from the application root so SSR and hydration receive the same CSS.

Continue