Oxygen Site Builder

Many page builders limit how much control you have over the markup and styles they produce. Oxygen Site Builder takes a different route. You design visually with drag and drop, and a one-to-one CSS properties panel lets you set styles the way you would write them by hand. The result is clean code that is easy to manage, which suits people who care about how a site is put together.

The plugin reaches past single pages. You can build headers, footers, archive pages and single post templates, connect designs to custom fields, posts and users, and shape WooCommerce product and checkout pages. Global variables and reusable components keep styling consistent across a project, so it fits personal sites, client work and larger builds alike.

Features

• Drag-and-drop visual editor: Arrange layouts, typography and colors visually, without writing code. The editor gives you control over the look of each page from the ground up.
• One-to-one CSS properties panel: Set CSS properties directly in a panel that matches real CSS. Developers get clean, manageable code and a class-first workflow that feels familiar.
• Interactions and animations: Add scroll effects, hover interactions and animations to your pages so visitors see movement and feedback as they browse.
• Global variables: Define site-wide variables for styles so the look stays consistent. Changing a value in one place updates it across the whole project.
• Reusable components: Build modular elements once and save them for use on multiple pages. This keeps designs consistent and cuts repeated work.
• Dynamic data connections: Link your designs to WordPress custom fields, posts, users and other dynamic content to build data-driven sites.
• Full theme builder: Customize headers, footers, archive pages and single post templates, so every part of your WordPress theme can be designed without code.
• WooCommerce store design: Shape product pages, checkout and other store pages to your own specifications when building an online shop.

Best for

• Designers who want full control over layouts and styles
• Developers who prefer a class-first CSS workflow
• Agencies and freelancers building custom client sites