In React gestalten.
Als PDF veröffentlichen.

Gestalte Dokumente mit React-Komponenten, CSS und deinen Daten. Satzstrom übernimmt Satz und Seitenumbrüche.

Loslegen Dokumente ansehen

Beyond the room: englischer Architekturartikel mit einer Schwarz-Weiß-Fotografie von Fallingwater

Mit Satzstrom gesetztBeyond the room ↗

Was du daraus machst.

Ein Bericht, ein Buch, eine Rechnung. Du bestimmst, wie das Dokument aussieht.

Titelseite des Satzstrom Specimen Book mit typografischem Raster

Musterbuch

Geschäftsbericht

Gesetzte Seite eines mathematischen Fachtexts mit Formeln, Satz und Beweis

Mathematischer Fachtext

Weitere Beispiele mit Quellcode

Ein Dokument ist eine React-Komponente.

Nutze HTML, CSS, Schriften und Libraries aus deinem Projekt. Baue wiederverwendbare Vorlagen und fülle sie mit deinen Daten.

Satzstrom ergänzt, was Papier braucht: feste Seiten, fließenden Inhalt und wiederkehrende Kopf- und Fußzeilen.

Das Dokumentmodell kennenlernen

document.tsx

import { Document, PageMaster } from "@satzstrom/primitives";import "./styles.css";export default function Report() {  return (    <Document title="Annual report" lang="en">      <PageMaster size="A4">        <h1>A year in review</h1>        <p>Revenue grew by 12% this year.</p>      </PageMaster>    </Document>  );}

Dein Inhalt läuft über Seiten weiter.

Schreibe einen zusammenhängenden Text. Satzstrom verteilt ihn auf die nötigen Seiten und wiederholt dein Seitenlayout.

Erste Seite des Fachtexts mit Absätzen, Formeln und einem Beweis — Zwei aufeinanderfolgende Seiten aus dem Mathematik-Beispiel.

Fortsetzung des Fachtexts auf der zweiten Seite — Zwei aufeinanderfolgende Seiten aus dem Mathematik-Beispiel.

Seiten automatisch umbrechen

Absätze und Tabellen fließen weiter. Kopf- und Fußzeilen bleiben an ihrem Platz.

Zusammenhalten, was zusammengehört

Eine Überschrift bleibt beim folgenden Text. Fußnoten erscheinen am Fuß der zugehörigen Seite.

Nummern und Verweise berechnen

Kapitelnummern, Inhaltsverzeichnis und Querverweise folgen dem Dokument, auch wenn sich sein Umfang ändert.

So baust du ein mehrseitiges Dokument

Agent-First

Satzstrom ist von Grund auf dafür gebaut, dass Agenten schöne Dokumente gestalten. Sie arbeiten mit vertrautem React und CSS, angeleitet durch unsere Skills. Über die MCP-Integration können sie die gerenderten Seiten prüfen und ihre Arbeit weiter verbessern.

01
Dokument schreiben
Der Agent setzt deinen Inhalt mit React und CSS um.
02
Seiten ansehen und verbessern
Er sieht die gerenderten Seiten und überarbeitet Text und Layout.
03
PDF erstellen
Du erhältst das PDF und die bearbeitbaren Projektdateien.

Öffne dein erstes Dokument.

Erstelle ein Projekt und öffne die Live-Vorschau. Der Quickstart führt dich von der ersten Seite bis zum Inhaltsverzeichnis.

Im Terminal

npm install -g satzstromsatzstrom init my-documentsatzstrom dev my-document/document.tsx

Zum Quickstart

In React gestalten.Als PDF veröffentlichen.