Packages
Every Fancy UI package — UI surfaces with a live preview, headless backends with a one-line install. Related packages are grouped as one family; each tile opens its full page, with per-component demos.
Surfaces
15Rich, controlled UI humans and agents inhabit together — whiteboard, flow, sheets, slides, code, terminal, charts, maps, 3D — driven over MCP bridges, never DOM scraping.
Fancy 3D
TSEngine-agnostic 3D — JSON-friendly Scene types and a pluggable <Canvas> with a built-in DOM/CSS-3D renderer (no WebGL dependency), plus optional Babylon.js and three.js adapters.
fancy-artboard
TSFigma-style design canvas for Human+ UX — a pan/zoom board of image / HTML / live-JSX frames grouped into sections, with focus mode, drag-reorder, sticky notes, and PNG/HTML export.
fancy-brand-icons
TSBrand-icon addendum for react-fancy — your logos + curated CC0 third-party marks (GitHub, X, Slack, Stripe, …) layered on top of any active icon set, so bare <Icon name="github"/> resolves the brand mark. Zero runtime deps; tree-shakeable.
Fancy CMS
PolyThe Stages document model — a PHP host + page renderer (node tree → HTML with island hydration) paired with a WYSIWYG React editor. Early-release beta.
fancy-code
TSLightweight embedded code editor — custom engine, no Monaco / CodeMirror / Shiki.
fancy-diff
TSHuman+ side-by-side document diff with hunk acceptance — a client-side, zero-dep diff engine or a git unified-diff datasource.
fancy-echarts
TSTyped React wrapper around Apache ECharts — every chart type from a single <EChart> component, lazy module registration, four built-in themes.
Fancy Flow
PolyWorkflow graphs humans and agents author together — a headless topological engine plus an optional React Flow editor. The editor designs; the engine runs anywhere, including a PHP backend with queued durable runs.
fancy-map
TSEngine-agnostic Map — one <Map> API over OpenStreetMap (Leaflet) + Google Maps, live position tracking, and a Human+ MCP bridge for cohabited human/agent maps.
fancy-screens
TSMulti-screen application shell with cross-screen agent presence.
fancy-sheets
TSFull spreadsheet with formulas, multi-sheet workbooks, clipboard, CSV import/export.
fancy-slides
TSPresentation editor + web viewer — Google-Slides-style deck authoring with JSON-friendly schema, full keyboard viewer, and an agent bridge.
Fancy Term
PolyA controlled, themeable <Terminal> over xterm.js, plus the headless Node backend that owns the PTYs and the snapshot/replay persistence engine behind it.
fancy-tui
TSInk components for Human+ terminal apps — consistent layout, controlled inputs, scrollback-safe conversations, and durable push + inbox MCP workflows.
fancy-whiteboard
TSTransport-agnostic collaborative board — sticky notes, freeform pen, connectors, presence cursors.
Documents
5Read and write real office files from an agent — xlsx, pptx, docx — plus the shared document and file cores they are built on.
Dark Slide
Headless pptx deck writer/reader — markdown headings, highlighted code, tables, gradients, and a high-fidelity reader.
fancy-doc-commons
Shared pure core for the Fancy document/surface packages — the model an agent or human emits and edits. Flat node-tree + collab-safe fractional ordering, a typed op-spine contract (reduce + invert), an infinite-canvas primitive, and a surface-agnostic staged-write (accept/reject) model. Zero dependencies, no React.
fancy-file-commons
Shared pure core for the file-focused packages (editors / viewers / writers / diff surfaces) — the structured diff engine + model, git unified-diff parser, merge resolution, per-line gutter annotations, path helpers, and filename→language. Zero deps, no React; fancy-diff re-exports it and the fancy-code diff gutter runs on it.
Commerce & growth
5Sell, gate, and grow — Stripe catalog, feature management and quotas, gamification, and multi-level referral engines.
Catalog + FMS
TSStorefront + admin UI for subscriptions and metered features — pricing tables, a plan-comparison matrix, feature gating, and a plan/perks editor. Vendor the React block, or grab the Shop-n-Sub starter kit.
Fancy MLM
Multi-level referral / network-marketing engine — configurable unilevel / binary / matrix downlines from one CompensationPlan JSON, with identical rewards across languages and a React surface for trees and statements.
Fancy Catalog
Headless Stripe catalog — products / prices / plans + checkout — adapter-based with an injected Stripe client.
Fancy Features
Headless feature management — gate / registry / config / group strategies plus metered quotas. Owns the FeatureSource contract catalog plugs into.
Web platform
5How your app meets the web and its crawlers — SEO on the first byte, well-known + agent-facing files, interaction analytics, verification, and installability.
Fancy Heuristics
End-user (not search-engine) optimization — human + agent interaction analytics: event ingestion, focus heatmaps, and session / actor rollups, with a browser collector.
fancy-pixel
TSEmbeddable Showcase verification badge + liveness/collection beacon — Badge / Mark / Beacon styles, placed or floating, Shadow-DOM isolated. Drops in via a <script> tag or mountPixel().
fancy-seo
Server-rendered SEO + crawlability for Laravel + Inertia — per-route meta / Open Graph / Twitter / JSON-LD on the first byte, dynamic sitemap.xml / robots.txt / llms.txt, and per-page Markdown. The PHP baseline that pairs with @particle-academy/fancy-inertia's <Seo>.
Agents & tooling
6The workbench — Git as an agent-driveable surface, MCP servers and relays, the source-vendoring CLI, and the shared plumbing underneath.
fancy-cf-relay
CDN-safe browser relay channel for agent-integrations' RelayTransport. Adaptive SSE↔long-poll with Cloudflare detection, so the MCP relay survives a Cloudflare/HTTP-3 edge that resets long-lived SSE streams. Zero runtime deps.
Fancy Git
Git as a first-class, agent-driveable surface — a headless engine with proposal-first mutations, normalized provider adapters for GitHub / GitLab / Bitbucket, and a React UI. Mirrored in PHP and Node.
mcp-relay-client
Super-lite, single-file MCP client (bash / Python / TS / Go) for connecting an agent to a session-based relay — drive any agent-integrations-hosted app (e.g. the Agent Playground) from your terminal. Download one file, or run the zero-install npx CLI; point it at a session URL.
