Replacement Guide

How to Build Your Own Oxygen

Replace Oxygen with a custom build. Pixel-perfect design meets WordPress power

Weekend Project
26 features6 integrationsOne weekend

Estimated Timeline

Based on 26 features at Weekend Project difficulty, expect about One weekend with AI-assisted development.

1
Setup & scaffolding
2 hours
2
Core features
4-6 hours
3
Polish & deploy
2 hours

Recommended Tech Stack

Next.js 14

Full-stack React framework with API routes and server components

Supabase

PostgreSQL database, auth, and real-time subscriptions

Tailwind CSS

Utility-first styling for rapid UI development

Key Features to Replicate

Top features across 7 categories. See all 26 features

Design(11 features)

Components

Create reusable elements to streamline your workflow

Composite Elements

Create complex composite elements

CSS Grid Layout System

CSS-grid based layout system for modern web design

Design Set Library for Custom Post Types

Design set library support for custom post types

Interactions

Add animations, scroll effects, and hover interactions with ease

+6 more in this category

Integration(6 features)

ACF Integration

Tight integration with Advanced Custom Fields

Dynamic Data Integration

Connect your designs to WordPress custom fields and content

Gutenberg Block Builder

Build Gutenberg blocks within Oxygen

MetaBox.io Integration

Integration support for MetaBox.io plugin

WooCommerce Integration

Build and customize WooCommerce stores with full design control

+1 more in this category

Add-ons(3 features)

Breakdance ElementsPremium

Premium add-on with additional UI elements

Breakdance FormsPremium

Premium form building capabilities

Breakdance WooCommercePremium

Premium WooCommerce-specific elements and features

Development(3 features)

Class Renaming

Ability to rename classes for better organization

Class-First Workflow

Class-first development methodology for organized styling

Clean HTML Structure

Generates clean, semantic HTML without bloat or unnecessary divs

Collaboration(1 features)

Simplified Client UI

Simplified interface for client editing

Performance(1 features)

Lightweight Code Generation

Produces incredibly lightweight, performant code

Usability(1 features)

Multiple Undo Option

Enhanced undo functionality with multiple levels

Cost Calculator

Pricing data not available for Oxygen. Check their website for current pricing.

Ready to Build?