Architecture

How the VhyxUI packages fit together — drawn with VhyxChart, the animated diagram library from the same family. Press play, step, or scrub.

ReferenceVhyxChart

Packages

Small components live in @vhyxui/react; bigger compositions and page layouts live in @vhyxui/blocks and are built only from the public React API.

Render and agent contracts

Write your own diagrams in Markdown

```vhyx
flowchart LR
  tokens[["@vhyxui/tokens<br/>CSS variables"]]:::muted
  tw["@vhyxui/tailwind<br/>preset + theme"]:::info
  core["@vhyxui/core<br/>contracts · Slot · errors"]
  seal[("@vhyxseal/react<br/>agent contracts")]:::accent
  react["@vhyxui/react<br/>components + primitives"]:::primary
  blocks["@vhyxui/blocks<br/>blocks + layouts"]:::success
  app([Your app])

```