Release Date: Oct 20, 2018 | Oxygen – The Visual Website Builder is a visual site builder taking the world of WordPress by storm.
Build everything visually.
Say goodbye to bloated themes & clunky page builders. Oxygen is the new way to build WordPress websites.
Unlimited Layout Possibilities
Combine sections, columns, and divs to create any layout.
Drag To Set Element Spacing:
Drag the edges of elements to adjust spacing. Or use automatic spacing to evenly distribute available space between or around elements.
Create Horizontal & Vertical Layouts:
Oxygen makes it easy to create horizontal layouts. Other page builders make you “hack” it together with columns. Oxygen makes it easy.
Powerful Alignment Controls:
Top left? Middle right? Bottom center? Oxygen’s powerful flexbox-based layout engine makes it easy.
Responsive By Default
Unmatched responsive customization is available, but you probably won’t need it.
By default, at lower resolutions, section gutters vanish. Images shrink. Columns stack vertically. Visible menus collapse into toggles. Oxygen’s smart layout engine has you covered.
Take Total Responsive Control:
Based on device width, you can change element layout & alignment, reverse column orders, hide or show elements, and set different values for every single CSS property.
Headers & Footers Made Easy
Create headers and footers visually. It’s just like designing page content.
Put Anything in Headers & Footers:
Create headers & footers the same way you create page content. All Oxygen’s elements can go in your headers & footers.
Check a box and your header will be sticky when you scroll. You choose what elements to include in your sticky header.
Different Headers & Footers For Different Site Areas:
You can use different headers & footers on different parts of your site. Use a unique header for your checkout page, or a different footer for your members area.
On small screens, your header will stack vertically and your menu will turn into a toggle. No configuration is necessary, but of course configuration options are available.
Embed WordPress Menus
Stack Vertically Or Horizontally:
Stack your menu links vertically or horizontally.
Check the box to include dropdowns in your menu. Dropdowns can nest unlimited levels deep.
Set link spacing & styles, hover borders, show or hide dropdown icons, and much more.
Menus will collapse into a hamburger toggle on small screens. You can create special styles for the responsive menus.
Design For Dynamic Content
Create layouts for blog archives, custom post types, WooCommerce products, member portals, 404 pages, and everything else.
Link design elements to database data.
Connect your headlines, text, image URLs, link URLs, and everything else to any data from the WordPress database.
Easily output post lists and grids.
Various Preset Post Layouts:
Display posts in a grid, list, or masonry layout, and tweak various styling options to get the post list looking just like the rest of your site.
Custom Query & Filtering Options:
Override the default query for total control of exactly which posts are displayed. Filter by post type, taxonomy, author, control ordering, or even manually specify WP Query arguments.
Tweak the PHP, HTML, and CSS that displays each individual post in the list for total control.
Plays nice with plugins
Embed plugins anywhere. Point + click plugin elements to style them.
Use WooCommerce, Easy Digital Downloads, or any other store plugin. They all work fine.
Use any forms plugin to add forms. Then point + click on form elements to style them in Oxygen.
Use Any Plugin:
Use any plugin you want. When it comes to plugins, Oxygen works like a normal WordPress theme.
Rapidly Create Pixel-Perfect Designs
Oxygen’s best-in-class builder elements, powerful visual controls, and simple configuration options make it easy to create websites that look great.
Advanced Builder Elements:
Oxygen has the builder elements you need to build any type of website. Everything from sliders to social icons to Google Maps embeds to lightbox image galleries are included.
Powerful Visual Features:
Use videos as backgrounds. Tint background images to improve text readability. Make any background fixed parallax. Choose from 400 included SVG icons or upload your own icon sets. We have you covered.
Global Style Controls:
Control global styles for headings, body text, links, and more. Specify global fonts from Google Fonts, Typekit, or even upload your own custom fonts.
True, Down-To-The-Pixel Control:
The other page builders that claim to offer this are lying – their flawed architecture makes it impossible. With Oxygen, you build with fundamental HTML elements and you have full control over every CSS property for IDs, classes, and states, for every element.
Oxygen’s layout engine rocks. Other builders can only create vertical layouts, and rely on columns to place elements next to each other horizontally. Oxygen’s flexbox layout engine makes it easy to create horizontal or vertical layouts, without the use of columns. This vastly speeds up your workflow, as shown in the video below.
Oxygen has been a site builder from the day it was released. The other builders are not true site builders – they started off as page builders, and only recently started to offer some site building functionality.
This functionality is limited, and you quickly find that there are many parts of your site that you can’t build.
For example, even with Beaver Builder’s “themer” functionality, you still need a theme for many things.
And while Elementor’s site building functionality gives you control of headers, footers, and some theme templates, you still need a theme to display certain post types and taxonomies.
Not with Oxygen. Oxygen was designed from the ground up to be a complete site builder and not reliant on themes, so it’s far more powerful that the competition. Oxygen’s templating engine really does allow you to design every part of your site – headers, footers, content, any taxonomy, and any post type.
Most page builders rely on the theme for headers and footers, which leaves you with limited customization options. Beaver Builder and Elementor offer header building functionality, but we think you’ll prefer ours.
Elementor doesn’t have enough breakpoints. Beaver’s responsive preview is often broken. Other page builders responsive controls are so limited as to be useless. Oxygen lets you set custom values for every single CSS property, for 5 different device widths, giving you complete flexibility.
Oxygen uses the power of classes to enable you to apply the same styles to many elements. Update the style in one place, and it will take effect on all elements using that class.Imagine creating a section with three icon boxes and then using that section across six pages, resulting in a total of 18 icon boxes.Now, imagine you want to change the icon size, style, color, and text size.With other builders, that means you need to make 18 edits to icon size, 18 edits to style, 18 edits to color, and 18 edits to text size, for a total of 72 edits.In Oxygen, with the power of classes, you can do the same thing with only 4 edits. That’s almost 20 times less work.
You’ll notice that Oxygen has less builder elements than the competition, yet you still can do more with Oxygen than you can with the competition.
How is this possible?
Oxygen’s builder elements are more flexible.
Sliders in Elementor or Beaver? You get three sliders, but you can’t drag content into the sliders, so you are stuck with their preset slider content layouts.
Sliders in Oxygen? You simply drag any content you want into a slide, and design your slide just like every other part of your page.
Elementor’s CTA widget lets you create a hover effect where the text animates in, the backgorund moves out. It’s cool. But Oxygen’s Superbox element gives you 100x more flexibility, to create all sorts of different animated transitions.
The list goes on and on. Oxygen elements are more flexible, more customizable, and more powerful. Oxygen lets you do more, with less.