Fancy UI KitFancy UI Kitv0.4
DocsPackagesTUIFlowStarter KitsInspirationShowcaseLeaderboard
Sign in
FC

fancy-cms-ui

@particle-academy/fancy-cms-ui

EARLY-RELEASE BETA — 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; pairs with the particle-academy/fancy-cms PHP renderer. Expect rough edges and breaking 0.x changes — please report anything you hit at github.com/Particle-Academy/fancy-cms-ui/issues.

TSUI · 3 components3 components
$npm install @particle-academy/fancy-cms-ui
README →GitHub →npm →Issues →
Pairs withfancy-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.