Alle Ratgeber

Ratgeber

Oxygen Builder - Page Builder für WordPress

Oxygen Builder war jahrelang mein Go-to für performante WordPress-Websites. Nach über 4 Jahren Erfahrung ziehe ich Bilanz - und erkläre, was Oxygen 6.0 bringt.

Fazit nach über 4 Jahren

Oxygen Builder war lange Zeit der einzige Page Builder, der wirklich sauberen Code produziert hat. Die Idee: WordPress komplett ohne Theme betreiben und enormen PageSpeed erreichen.

4+

Jahre Erfahrung

30+

Projekte

5-10x

Weniger Code

6.0

Neues Update

bricksbuilder.io

Oxygen Builder Interface

Oxygen Builder - der Profi-Builder mit neuer Hoffnung durch Version 6.0

Was mich ursprünglich überzeugt hat:

  • Keine Theme-Abhängigkeit - alles in einem
  • 5-10x weniger Code als Elementor oder Divi
  • Einmalige Lifetime-Lizenz
  • Volle Kontrolle über jeden Pixel

Update Dezember 2025: Mit Oxygen 6.0 Beta versucht das Team, den Builder wiederzubeleben. Ob das reicht, um mit Bricks Builder mitzuhalten? Schauen wir uns das genauer an.

Oxygen 6.0 - Das große Update

Am 27. Februar 2025 kam die Überraschung: Das Oxygen-Team veröffentlichte Version 6.0 - ein kompletter Rewrite und Modernisierung der Codebasis. Oxygen wurde von Grund auf neu gebaut.

Kompletter Neustart

Oxygen 6 wurde komplett neu geschrieben für bessere Performance, Flexibilität und Entwicklererfahrung.

Die Breakdance-Connection

Die neue Version basiert auf der Breakdance-Codebasis - etwa 80% des Codes sind identisch. Das bedeutet: Oxygen 6 profitiert von der moderneren Architektur, die für Breakdance entwickelt wurde.

Bonus für Lifetime-Nutzer:

Wer eine Lifetime-Lizenz für Oxygen Classic hat, bekommt Oxygen 6 kostenlos dazu. Außerdem gibt es drei Breakdance-Element-Collections gratis: General Elements, Form Builder, und WooCommerce Builder.

Developer-First Philosophie

Oxygen 6 positioniert sich als "Developer-First WordPress Builder" für Entwickler, die mehr wollen: Präzise Kontrolle über HTML und CSS, volle Unterstützung für CSS Variables, ein mächtiges Komponenten-System, und eine fortgeschrittene Interactions Engine.

  • Sauberes HTML und CSS - volle Kontrolle über semantischen Code
  • Properties Panel mapped direkt auf CSS
  • Performance-First: Lightweight, optimierter Code
  • Kein Widget-Bloat wie bei anderen Buildern

WICHTIG: Nicht abwärtskompatibel!

⚠️ Achtung!

Oxygen 6 ist NICHT abwärtskompatibel mit Oxygen Classic. Bestehende Oxygen-Seiten können nicht direkt aktualisiert werden. Das bedeutet: Entweder bei Classic bleiben oder komplett neu bauen.

Oxygen Classic wird weiterhin gepflegt und erhält Updates - bestehende Sites sind also sicher und müssen nicht zeitnah migriert werden.

Neue Features in Oxygen 6.0

Hier die wichtigsten Neuerungen der Beta 4 im Detail:

Verbesserte Responsive-Anzeige

Oxygen 6.0 Responsive Design Visibility

Controls zeigen jetzt vererbte Werte als Platzhalter an

Ein echtes Pain-Point wurde gelöst: Controls zeigen jetzt vererbte Werte von vorherigen Breakpoints als Platzhalter an. Schluss mit dem Rätselraten, welche Werte gerade aktiv sind.

Smartere Klassenverwaltung

Die Klassenverwaltung wurde grundlegend verbessert:

  • Erste verfügbare Klasse wird automatisch aktiviert
  • Elemente ohne Klasse bekommen automatisch sinnvolle Namen (z.B. "container-1")
  • Class Panel ist Standard für Elemente ohne Content-Controls
  • Klassen-Duplizierung wird sofort aktiv und fokussiert Umbenennung

Design Library Imports

bricksbuilder.io

Oxygen 6.0 Design Library Import Dialog

Neue Import-Dialoge zeigen benötigte Assets und erlauben selektiven Import

Import-Dialoge zeigen jetzt alle benötigten Assets (Variablen, Selektoren, Global Settings) und erlauben selektiven Import der Abhängigkeiten.

Developer-Features

Neue Shortcuts:

  • CMD/CTRL + Shift + EStructure Panel
  • CMD/CTRL + Shift + VVariables Panel
  • CMD/CTRL + Shift + GSelectors Panel
  • Variable Autocomplete funktioniert auch bei unvollständiger CSS-Syntax
  • Leere Custom Attributes erlaubt für Semantic/Scripting
  • Dynamic Data Dialog mit Auto-Focus und Enter-Bestätigung
  • Auto Fix Permalinks Button für WordPress Rewrite Rules

Performance-Verbesserungen

Das Backend wurde optimiert:

Cached

Element Metadata

Minified

CSS Output

CRC32

Faster Twig

0KB

Empty CSS Files

  • PHP-Rendering-Pipeline cached Element-Metadaten
  • CSS-Dateien werden nur bei Inhalt geschrieben
  • Minifizierter CSS-Output für kleinere Dateien
  • Schnelleres Twig-Rendering mit CRC32-Hashes

Zukunft von Oxygen Builder

Das ist der Elefant im Raum. Seit dem Launch von Breakdance (vom selben Team) herrscht Unsicherheit in der Community.

Die Entwickler behaupten, beide Produkte weiterzuführen. Oxygen 6.0 zeigt zumindest, dass noch Ressourcen in den Builder fließen.

Mein Eindruck nach der 6.0 Beta:

Das Update ist solide, aber nicht revolutionär. Es fühlt sich mehr nach Aufholjagd an als nach Innovation. Bricks ist immer noch einen Schritt voraus.

Was für Oxygen spricht

  • Aktives Update (6.0) zeigt Commitment
  • Lifetime-Lizenz - keine weiteren Kosten
  • Große bestehende Nutzerbasis
  • Solide Grundlage mit sauberem Code-Output

Was dagegen spricht

  • Team fokussiert primär auf Breakdance
  • Angular.js-Framework ist technisch veraltet
  • Backend-Performance bleibt ein Problem
  • Ungewisse langfristige Zukunft

Vorteile

Fairerweise: Oxygen hat auch heute noch Stärken, die man nicht ignorieren sollte.

Sauberer Code

Oxygen produziert extrem schlanken HTML/CSS-Output. Keine unnötigen Wrapper, keine aufgeblähten Stylesheets. Das ist nach wie vor besser als Elementor oder Divi.

5-10x

Weniger Code

0

Unused CSS

Clean

HTML Output

Fast

Frontend

Lifetime-Lizenz

Einmal kaufen, für immer nutzen. Keine Jahresgebühren, keine Abo-Falle. Das war schon immer ein starkes Verkaufsargument.

$199

Einmalig für unbegrenzte Websites

Komplette Kontrolle

Du baust buchstäblich alles selbst: Header, Footer, Archive, Single-Templates. Kein Theme, das dir reinredet. Für Entwickler, die wissen was sie tun, ist das ideal.

WooCommerce-Integration

Die WooCommerce-Unterstützung ist solide. Du kannst jeden Aspekt deines Shops gestalten.

Nachteile

Und hier wird es kritisch. Die Nachteile haben sich über die Jahre aufgestaut.

Veraltetes Framework

Oxygen basiert auf Angular.js - einem Framework, das Google selbst nicht mehr aktiv weiterentwickelt. Das merkt man an der Backend-Performance.

BuilderFrameworkStatus
OxygenAngular.jsVeraltet (2016)
BricksVue.js 3.5Aktuell (2024)
BreakdanceVue.jsAktuell

Langsames Backend

20-30 Sek

Editor-Ladezeit

vs.

2-5 Sek

Bricks

Bei größeren Seiten wird das zur echten Produktivitätsbremse. Oxygen 6.0 verspricht Verbesserungen, aber ob das reicht?

Geteilte Ressourcen

Das Entwicklerteam arbeitet parallel an Oxygen und Breakdance. Das bedeutet: Weniger Fokus auf Oxygen.

Lernkurve

Oxygen ist kein Tool für Einsteiger. Das war nie das Ziel und hat sich auch nicht geändert.

Oxygen Builder Lernkurve

Oxygen erfordert solide Web-Entwicklungskenntnisse

Was du mitbringen solltest:

  • Solide HTML/CSS-Kenntnisse
  • Grundverständnis von JavaScript
  • PHP-Basics für dynamische Inhalte
  • WordPress-Know-how allgemein

Ohne diese Grundlagen wirst du frustriert sein. Oxygen erklärt dir nichts - es gibt dir nur die Werkzeuge.

Support und Community

Der Support war einer der Pluspunkte von Oxygen. Schnelle Antworten, kompetente Hilfe.

  • Offizielle Facebook-Gruppe (englisch)
  • Deutsche Community-Gruppen
  • Ticket-Support für Lizenznehmer
  • YouTube-Tutorials von der Community

Die Community ist nach wie vor aktiv, auch wenn viele langjährige Nutzer zu Bricks gewechselt sind.

Vergleich mit der Konkurrenz

Oxygen vs. Elementor

Elementor ist für die Masse, Oxygen war für Profis. Der Code-Output von Oxygen ist meilenweit sauberer. Aber: Elementor hat mehr Templates, mehr Addons, und die Entwicklung steht nicht still.

Oxygen vs. Breakdance

Breakdance ist praktisch der Nachfolger von Oxygen - vom selben Team. Einfacher zu bedienen, modernere UI, aktive Entwicklung. Wenn du Oxygen magst aber die Probleme siehst, ist Breakdance eine Option.

Aber Achtung:

Auch Breakdance hat Performance-Probleme und kann mit Bricks nicht mithalten.

Oxygen vs. Bricks

Das ist der relevante Vergleich. Bricks macht alles, was Oxygen kann - und mehr:

FeatureOxygenBricks
FrameworkAngular.js (veraltet)Vue.js 3.5 (modern)
Backend-Speed20-30 Sekunden2-5 Sekunden
UpdatesSporadischMonatlich
RoadmapUnklarÖffentlich
CommunitySchrumpfendWachsend
  • Modernes Vue.js-Framework statt Angular.js
  • Deutlich schnelleres Backend
  • Aktive Entwicklung mit klarer Roadmap
  • Ähnliche Preisstruktur mit Lifetime-Option

Die bessere Alternative

Meine klare Empfehlung: Bricks Builder.

Ich habe über 4 Jahre mit Oxygen gearbeitet und kenne die Stärken. Aber 2023 bin ich zu Bricks gewechselt und habe es nicht bereut.

Warum Bricks?

  • Gleiche Philosophie: Theme und Builder in einem
  • Bessere Performance im Frontend und Backend
  • Aktives Entwicklerteam mit transparenter Kommunikation
  • Regelmäßige Updates mit echten Neuerungen
  • Wachsende, engagierte Community

Mein Rat

Wenn du bereits Oxygen-Projekte hast: Lass sie laufen. Teste Oxygen 6.0 auf Staging-Seiten. Migration zu Bricks lohnt sich nur bei größeren Redesigns.

Für neue Projekte: Spar dir Oxygen und starte direkt mit Bricks. Die Lernkurve ist ähnlich, aber die Zukunftsaussichten sind besser.

Oxygen 6.0 abwarten?

Wenn du bereits Oxygen-Nutzer bist, lohnt sich ein Blick auf 6.0. Das Update bringt echte Verbesserungen. Aber für Neueinsteiger gilt: Bricks ist die sicherere Wahl.

Bottom Line:

Oxygen 6.0 ist ein Schritt in die richtige Richtung, aber es holt nur auf. Bricks ist heute schon dort, wo Oxygen hinmöchte.