Brand

Small pieces. Infinite possibilities.

Texuli is named for texels—the smallest owned units of behavior and design—and for the interfaces those units become when people and agents compose them.

Texels → Texuli → Interfaces

Small owned units compose into components. Components compose into anything you can describe—by people or agents.

  1. Texels

    Behavior, focus, tokens and policy—the smallest owned pieces.

  2. Texuli components

    Owned

    Texuli

    Styled, accessible components built only from those pieces—no borrowed primitives.

  3. Harbor Console

    A fictional workspace panel

    Compose the same components into apps, docs, decks and dashboards.

    Live

    Interfaces

    Anything you can describe: products, prototypes and agent-built surfaces.

Built for people and agents

One catalog. One accessibility bar. Interfaces that stay honest about what they can do.

What Texuli is

Library

A Svelte 5 component system built from small units it owns end to end—tokens, texels, primitives and styled UI—with a closed agent catalog and a sink-free renderer.

Why owned primitives

Owned

Interaction is implemented in Texuli, not borrowed at runtime. Focus, dismiss, overlays and forms stay auditable, versioned and free of foreign dependency surface.

Why agents

Catalog

Agents and people share the same components. Manifests describe use-when rules; the renderer refuses HTML sinks, class/style passthrough and unknown ids.

Real behavior

Static site

This site is static HTML and CSS built with Texuli itself. No runtime network, no placeholder chrome—live buttons and cards in the brand story above.

Live demos

These are the same components your app imports—rendered at build time on this page.

Actions

Button

Outline and ghost actions keep focus rings and loading states from owned primitives.

Status

Badge

Badges mark release state and catalog tiers without custom HTML.

Surfaces

Card

Cards group related content with header, body and footer slots on theme tokens.