Xeplr OS / React UI

@xeplr/ui-canvas

One free-placement canvas for every xeplr builder: drag, resize, alignment guides, snapping, marquee select and edges — React controller hooks, pure geometry and a ready-made <XeplrCanvas>

Install

npm install @xeplr/ui-canvas

Peer dependencies you provide: react

The idea

Every capability exists once and each builder switches on what it needs — so a dashboard designer, a workflow editor and a join diagram drag, snap and select exactly alike.

Where it sits

Part of React UI — model / controller / design, split apart on purpose. Take the finished page, take the hook and bring your own design, or take neither and use the model without React at all.

Documentation for @xeplr/ui-canvas is in its README on npm.

These packages are what Xeplr Analytics is made of

If you are assembling this yourself, it may be worth seeing the assembled version first.