Tile UI Vue
Source code

Overview

Introduction

Tile UI Vue 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 Vue side: the Vue package, the Vue 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
  • Composables — Vue-native helpers for app-level workflows
  • Examples — complete compositions built from the same primitives
  1. Start with Installation
  2. Configure Theming
  3. Review the Registry
  4. Explore Components
  5. Copy a complete Example

Multi-Framework Support

React Docs

Browse the React package, registry items, components, hooks, and examples.

Vue Docs

Browse the Vue package, registry items, components, composables, and examples.

Solid Docs

Browse the Solid package, registry items, components, primitives, and examples.
NextInstallation