---
layout: home
hero:
  name: Templatical
  text: E-Mail-Editor für Ihre Anwendung
  tagline: Binden Sie einen produktionsreifen Drag-and-Drop-E-Mail-Editor in jede Webanwendung ein — Host-CSS und Design-Systeme können ihn nicht beschädigen. Speichern, Versionsverlauf, Kommentare, Testversand und Rendering laufen über Ihr eigenes Backend — über einfache Konfigurationsobjekte, die Sie implementieren. Source-Available und Framework-agnostisch.
  actions:
    - theme: brand
      text: Loslegen
      link: /de/getting-started/quick-start
    - theme: alt
      text: Playground ausprobieren
      link: https://play.templatical.com
features:
  - title: Ein Agent Skill für die ganze Aufgabe
    details: Ein offener Skill für Claude Code, Cursor oder jeden KI-Agenten — gestalten Sie eine E-Mail per Prompt, importieren Sie eine aus einem anderen Editor, sehen Sie sie im echten Editor an, exportieren Sie MJML/HTML, und binden Sie den Editor in Ihre eigene App ein oder beheben Sie dessen Fehler.
    link: /de/guide/agent-skill
    linkText: Agent Skill nutzen
  - title: Eigene Blöcke mit API-gestützten Daten
    details: Registrieren Sie eigene Blocktypen — statische Templates oder live aus Ihrer API zur Preview-Zeit.
    link: /de/guide/custom-blocks
    linkText: Eigenen Block bauen
  - title: Eigenes Backend anbinden
    details: Speichern, Versionsverlauf, Kommentare, gespeicherte Blöcke, Testversand und Rendering sind je ein Konfigurationsschlüssel mit Methoden, die Sie implementieren — gegen Ihren Stack, zu Ihren Bedingungen. Alles optional; der Editor läuft auch ohne.
    link: /de/backend/
    linkText: Provider-Verträge ansehen
  - title: Wiederverwendbare gespeicherte Blöcke
    details: Nutzer speichern Blockgruppen und fügen sie in andere Templates ein — mit Ihrem eigenen Speicher oder dem mitgelieferten browserlokalen Provider ohne Einrichtung.
    link: /de/backend/saved-blocks
    linkText: Gespeicherte Blöcke einrichten
  - title: Merge-Tags mit pluggable Syntax
    details: Handlebars, Liquid, JS-Template-Literale oder eigene Syntax — mit lesbaren Labels im Canvas.
    link: /de/guide/merge-tags
    linkText: Merge-Tags konfigurieren
  - title: Anzeigebedingungen
    details: Blöcke je nach Empfängerattribut ein- oder ausblenden, mit Live-Preview im Editor.
    link: /de/guide/display-conditions
    linkText: Anzeigebedingungen ansehen
  - title: Vollständiges Theming über Design-Tokens
    details: 27 OKLch-Tokens, eigene Schriften, Dark Mode und komplette Theme-Overrides.
    link: /de/guide/theming
    linkText: Theming anpassen
  - title: Template- & Block-Defaults
    details: Definieren Sie Ihre Marke einmal; neue Templates und Blöcke übernehmen Farben, Schriften und Layout.
    link: /de/guide/defaults
    linkText: Defaults setzen
  - title: Test-E-Mails aus dem Editor
    details: Nutzer senden sich die Vorlage zu, die sie gerade bearbeiten — über Ihre eigene Infrastruktur, mit einem einzigen Callback und ohne Backend von uns.
    link: /de/backend/test-email
    linkText: Test-E-Mails einrichten
  - title: JSON rein, MJML raus
    details: Portables JSON, MJML-Ausgabe. Rendern Sie überall und versenden Sie über jeden Provider.
    link: /de/getting-started/how-rendering-works
    linkText: Wie das Rendering funktioniert
  - title: Standardmäßig style-isoliert
    details: Shadow-DOM-Mount hält Host-CSS aus dem Editor und Editor-CSS aus Ihrer App heraus. Funktioniert in jeder Seite, jedem Framework, jedem CMS — ohne Resets, ohne Konflikte.
    link: /de/guide/shadow-dom
    linkText: So funktioniert die Isolation
  - title: Bestehende Templates übernehmen
    details: Importer für Unlayer, BeeFree, Stripo, Topol, Chamaileon, Easy Email Pro, MJML und HTML. Migrieren Sie in Ihrem Tempo, kein Neuaufbau erforderlich.
    link: /de/getting-started/hosted-builders
    linkText: Gehostete Builder
---