Guides

Getting started

Add Texuli to a Vite, Astro or SvelteKit app — install packages or copy with texuli init.

Install

Prefer workspace packages while developing inside this monorepo. Consumers can install the published names once they ship, or copy files with texuli init (no network; see @texuli/tools/cli-init).

# From the Texuli monorepo (workspace packages)
pnpm add texuli @texuli/tokens @texuli/primitives @texuli/core

# Or copy components with the agent tools (local files only)
pnpm exec texuli init --cwd path/to/app --theme enterprise-neutral

Wire tokens

Every app needs the base stylesheet and a compiled theme on <html data-tx-theme>.texuli init writes the stylesheet, the no-flash bootstrap and texuli.config.json for Vite, Astro or SvelteKit. Default theme: enterprise-neutral.

Import a component

Import through lazy subpaths — never a kitchen-sink root barrel for UI. Texels use @texuli/core/<name>.

import { Button } from 'texuli/button';
import { Card, CardContent, CardHeader, CardTitle } from 'texuli/card';
import '@texuli/tokens/base.css';

Live example

The button below is a real texuli/button island on this static page.

Live · Button and Card

Harbor workspace

example.com

This card is the same texuli/card your app imports.