Swiss Knife Oxygen

Swiss Knife Oxygen is a powerful toolkit for Oxygen Builder that enhances your web development workflow with advanced features, shortcuts, themes, and management tools, all seamlessly integrated within the builder.

• • 60+ Shortcuts. Make Your Workflow Faster With Oxygen Builder.: Every shortcut can be customized based on your preference. Some of them already have opinionated settings based on our best practices, so you can save time. The best thing is you don’t need to remember them. There is even a shortcut to display all shortcuts inside Oxygen Editor.
  • Get the App Feeling Swiss Knife Brings Right Click With Most Needed Actions: Cut, Copy, Paste, Rename, Conditions are just right click away. No more going around the interface and finding them. Get the real app experience with Oxygen and Swiss Knife.
  • Lock, Import, Export Manage Classes Like a Pro: Oxygen Builder's strongest fields are conditions and classes. Swiss Knife is expanding this even more. We have built several features in this field.
  • Classes Manager: Oxygen has a compact and limited interface for inserting classes. With the Classes Manager, you will gain access to a full-page view, an improved class search preview, the ability to add multiple classes, and the option to create new classes on the fly if they are missing.
  • Lock Classes: Classes are a powerful but fragile feature in Oxygen. Accidentally changing one class can disrupt your design across the entire website. That’s why, once you are satisfied with a class or style, it’s important to lock it to prevent any future accidents.
  • Import/Export Classes: Having a set of your utility classes for every project is a significant time saver. This benefits both you and your team, as it establishes a common language for every project. By default, Oxygen does not offer this option. However, Swiss Knife allows you to import or export multiple classes and even lock them upon import.
  • Visual Debugger: The Visual Debugger will help you identify overlaps or alignment problems in your design. To provide even greater clarity, it’s important to note that we have assigned distinct colors to each of the six group types.
  • Copy and Paste Between Pages or Websites: With the copy feature, you can copy every Oxygen Builder element to the clipboard. You can paste it on the same page, another page of the current website, or even open a new tab or window and paste onto a completely new website. Once you copy it to the clipboard, you can even store it as a text file and send it to someone else. You can also save it as a code snippet on your website and share it with others.
  • Convert HTML to Oxygen Builder Elements Paste or Write Inside a Built-in Code Editor With Emmet Support: This revolutionary feature allows you to paste any HTML content from any website directly as an Oxygen Element. Simply click on the clipboard icon in the top bar after copying the HTML to initiate the magic. The HTML will be converted, and any IDs or classes will be assigned as well. This will enable you to build a website in just a few clicks.
  • Emmet Autocomplete. Every Developers Dream.: Do you want to click on ‘Add Element’, then find ‘div’, followed by another click on ‘Add Element’ to insert an image, and finally assign classes and duplicate it three times? Or, would you prefer to simply write ‘div.card*3>img.card_img’ and instantly get three divs with images and assigned classes? Our feature makes it all possible.
  • Scripts Manager Manage Favourite Libraries: Oxygen Builder lacks a straightforward method to load CSS or JS libraries. For example, if you wish to add GSAP or any other JS library, there isn’t an easy way to integrate it in multiple places and then update it with a single click. What the Scripts Manager provides is a single source of truth. Adding libraries here allows you to make updates from one location, even if you’ve used them in several places. In addition to just loading libraries, we offer several options to optimize performance. You can choose whether to add the library to the footer or header. Decide if you want to register the library for later use in specific locations or if you’d like it to be applied across the entire website immediately. There’s also an option to limit the library to the frontend, ensuring animations aren’t active in the builder, which can simplify your design process. Moreover, you can choose whether to source the library from a CDN or to self-host by uploading scripts to the media library, just as you would with any other file.
  • Structure Icons: People don’t read; they scan. With so much information, it’s challenging to understand which object type is required. That’s why we’ve introduced icons—to help your brain quickly identify what you need to click on.
  • Pages and Templates List Inside Oxygen Builder: Now you can navigate between pages and templates with ease. You’ll receive a list that offers quick options to preview, open in the WordPress Editor, or launch with Oxygen Builder.
  • Custom Structure Width: The Oxygen Builder Sidebar isn’t wide enough. With nested elements, you quickly end up with a vertical scrollbar. This can be inefficient. With Swiss Knife for Oxygen, you now have the option to customize the sidebar width based on your nesting preferences or monitor size.