Overview
Introduction
Tile UI React is a cross-framework component library with a shared SCSS design system and registry-driven distribution.
Tile UI ships the same design system to React, Vue, and SolidJS. Component logic lives once in @tile-ui/core, styles live once in @tile-ui/styles, and each framework provides thin, idiomatic wrappers. This site documents the React side: the React package, the React registry, and the examples that combine them.
What Tile UI is
- One design system, three frameworks. Logic and styles are written once and shared; React, Vue, and Solid expose the same primitives with native ergonomics.
- Package or registry. Install the published package for speed, or copy registry items into your project when you want to own the source.
- shadcn-compatible registry. Tile UI distribution uses the same flat registry schema and CLI workflow as shadcn (
pnpm dlx shadcn@latest add). - Open code. Every component source is available to read, extend, or replace.
What you will find here
- Installation — package and registry setup
- Theming — semantic variables, dark mode, scoped themes, and portals
- Registry — item inventory, URLs, and schema notes
- Components — reference for the core primitives
- Hooks — client-side helpers for app-level workflows
- Examples — complete compositions built from the same primitives
Recommended path
- Start with Installation
- Configure Theming
- Review the Registry
- Explore Components
- Copy a complete Example