Skip to main content

Reltime Development Preview

Paperclip comes with visual tooling that enables you to build your UIs in realtime. The quickest way to start using the visual tools is to run:

npx @paperclip-ui/cli designer

In your project directory where your Paperclip files live. Here's what you should see:

demo

You can run this window in tandem with your text editor, and changes that you make will instantly appear when you save.

Tips​

  • To zoom, scroll & hold down the meta / ctrl key.
  • To measure between elements, just select an element, then hold meta / ctrl by hovering over another element.