Visueller Builder für TYPO3

Baue TYPO3-Seiten visuell.
Ohne TYPO3-Power
aufzugeben.

Brickie bringt eine moderne, visuelle Editier-Ebene ins TYPO3-Backend — für responsive Layouts, globale Header, wiederverwendbare Strukturen und KI-gestützte Content-Komponenten. Direkt in TYPO3. Ohne Lock-in.

TYPO3-nativ Bootstrap-kompatibel Kein Lock-in
banner-img.jpg

Das Problem

TYPO3 ist mächtig.
Seitenbau sollte schneller sein.

TYPO3 gibt Entwicklern und Unternehmen tiefe Kontrolle — doch alltägliche Layout-Arbeit hängt oft an Templates, Backend-Konfiguration und Entwickler-Eingriffen. Für jede kleine Layout-Änderung wartet die Redaktion auf Entwickler.

Brickie legt eine visuelle Bau-Ebene darüber — und lässt TYPO3s natives Content-Modell dabei vollständig intakt.

Klassisch
Template → Config → Dev
Mit Brickie
Visuell → Fertig

Die Lösung

Regular Text Element

Click here and start editing this content directly. Select text to use bold, italic, links, lists and headings.

Brickie ist kein Ersatz für TYPO3 — es ist die visuelle Schicht, die dir das Bauen abnimmt und dir die volle Kontrolle lässt.

  • Sektionen, Grids & Spalten visuell bauen
  • Header, Body & Footer als eigene Regionen bearbeiten
  • TYPO3-Content über native TCA-Formulare pflegen
  • Elemente präzise stylen — ohne Ballast
  • Layouts & Komponenten wiederverwenden
  • Volle Entwickler-Kontrolle über HTML, CSS, JS & Rendering

TYPO3-NATIVE WORKFLOW

Brickie umgeht TYPO3 nicht. Für echte Content-Elemente öffnet sich das native TCA-Formular im Modal — Redakteure arbeiten weiter mit echten Content-Records, Feldern und Backend-Logik. Nichts wird dupliziert, nichts geht verloren.

GLOBAL & VERERBT

Header und Footer werden einmal zentral gebaut und auf Unterseiten vererbt — mit seitenspezifischen Overrides, wo du sie brauchst. Konsistentes Design, ohne Copy-Paste.

Header · Body · Footer

Deine Seite — gedacht in Bausteinen

Brickie strukturiert jede Seite in drei bearbeitbare Regionen. Global oder pro Seite, du entscheidest — Stück für Stück gestapelt wie Bricks.

HEADER · GLOBAL
BODY · SEKTIONEN & GRIDS
FOOTER · GLOBAL

02Body

Der eigentliche Inhalt: Sektionen, Grids, Spalten und Wrapper. Hier baust du Hero-Bereiche, 2- und 3-Spalten-Layouts, Sidebar-Kombinationen und volle Content-Flows.

03Footer

Kontakt, Rechtliches, Sekundär-Navigation. Ebenfalls global vererbbar, mit seitenspezifischen Anpassungen dort, wo ein Projekt sie braucht.

Global-Prinzip: Design-Konsistenz über die ganze Website — plus die Freiheit, jede Seite gezielt zu überschreiben.

Layout-Kontrolle

Hintergrundbreite und Inhaltsbreite — getrennt steuerbar

Von boxed bis edge-to-edge. Brickie erzeugt sauberen, responsiven Frontend-Code, der auf Mobilgeräten sauber stapelt.

Boxed

Inhalt zentriert im Container.

Wide

Breiter Inhaltsbereich mit Rand.

Full-width + boxed

Randloser Hintergrund, boxed Content.

Edge-to-edge

Hintergrund und Inhalt randlos.

Weitere Layouts

1 Spalte 2 Spalten 3 Spalten Hero + 2 Spalten Sidebar + Content Content + Sidebar