Fancy UI KitFancy UI Kitv0.5
DocsLearnPackagesTUIFlowUse CasesInspirationShowcaseLeaderboard
Sign in
FC

fancy-cms-ui

@particle-academy/fancy-cms-ui

WYSIWYG CMS editor (React) for the Stages doc model: three-pane layers / canvas / inspector editing where every mutation is one PageOp through a pure reducer, plus the CmsPage / CmsRegion renderers with $bind data fields that name their live source. Pairs with the particle-academy/fancy-cms PHP renderer. Pre-1.0 — the API may still move between minors; issues at github.com/Particle-Academy/fancy-cms-ui/issues.

UI surfaceTS 3 components
Part of Fancy CMS — 2 packages, one productSee the family
UI surface
3 components, each with a live demo, props table, and source.
ButtonlivebetaCardRK
$npm install @particle-academy/fancy-cms-ui
README GitHub npm Issues
Pairs with
fancy-cms

Components

3 components · click any tile for a full demo, source, and install snippet.

EditorOpen →
UndoRedo
hero
heading
text
button
Inspector
padding
gap
color
The WYSIWYG editor surface — canvas + layers + inspector over a Stages node tree.
CmsPageOpen →
Pages humans and agents edit together
One Stages document — a flat node map with StyleProps — renders in React and PHP, and every edit is a single reducible op.
Start building
Every edit = one PageOp
JS + PHP CSS parity
Flat map, stable ids
Renders a published Stages document as a page.
CmsRegionOpen →
root="hero" · one subtree of the doc
Pages humans and agents edit together
One Stages document — a flat node map with StyleProps — renders in React and PHP, and every edit is a single reducible op.
Start building
An editable / per-surface region within a CMS page.
What next
Click any component for a live demo, props, and source — or install the package and go.
Fancy CMSAll packages