User-designed documents

Let your users design the documents.

Gybe DocumentBuilder gives your users a drag-and-drop designer for documents of any complexity — and your server renders their design to PDF whenever it needs to.

How it works

You provide the data. Your users design the document.

  1. 01

    You define the variables

    Pass in the data a document may use — system variables, document variables, input parameters and calculated properties.

  2. 02

    Your users design the layout

    They drag rows, columns, text, images, repeats and data grids onto the page and style each element, however complex the document gets.

  3. 03

    Your server renders the PDF

    Generate the PDF on the server whenever you need it — when a policy is issued, an invoice falls due or a user asks for a copy.

Extendable

Your brand and your building blocks, built in.

Give your users the elements, fonts, colours and images of your product, ready to drag onto the page, so every document stays consistent without a developer in the loop.

Your elements

Add predefined elements, such as a default header, footer or sidebar, that users drop in as one piece.

additionalElements

Fonts and text styles

Provide your fonts and named text styles, so headings and body text match your brand in every document.

predefinedTextStyles

Colours and images

Offer a fixed palette and approved images, such as logos, instead of free-form colours and uploads.

predefinedColors

Your variables

Scope the variables per document, and bind any of them to text, tables and repeats through LogicBuilder.

additionalVariables

Powered by LogicBuilder

Every value can be logic.

Any property of any element — a text segment, an alignment, a colour — can switch from a constant to a LogicBuilder expression over your variables.

So documents can compute totals, format dates and adapt their wording to each customer, without a developer touching the template.

Explore LogicBuilder

For developers

Embed the designer. Render on the server.

Your users work in a React component inside your app; your .NET services turn their designs into PDFs with the same variables and assets.

PolicyDocument.tsx
<DocumentBuilder
  document={template}
  onDocumentChanged={setTemplate}
  additionalVariables={variables}
  additionalElements={elements}
  fonts={fonts}
  predefinedColors={colors}
  predefinedImages={images}
  predefinedTextStyles={textStyles}
/>
PolicyDocument.cs
var variables = new Dictionary<string, object?>(inputParameters);

// Render the user-designed document to PDF on the server
var pdf = await documentGenerator.Generate(
    document, variables,
    images, colors, textStyles);

Get notified

Be the first to know when Gybe is live.

One email at launch, then occasional news on releases, early access and support for new frameworks. Unsubscribe any time.

Launch news and product updates only.