isotropic-2022
Share
Blog
Search
Menu

Swiss Knife Pro For Oxygen Builder: Serious Workflow Enhancer

By James LePage
 on January 22, 2021
Last modified on January 7th, 2022

Swiss Knife Pro For Oxygen Builder: Serious Workflow Enhancer

By James LePage
 on January 22, 2021
Last modified on January 7th, 2022

In this article, we're going to be reviewing an Oxygen Builder add-on that I use personally in all of my development projects. It's called Swiss Knife Pro and is essentially created to enhance your workflow. We're going to take a look the features, pricing and backend functionality, from somebody who uses this everyday. Let's get right into it.

First, my current Oxygen Builder toolkit consists of:

I picked up Swiss Knife Pro on the day it was announced and couldn't be happier with this purchase. It’s a serious workflow booster plugin, that saves me time when creating client projects. Because of that, it's paid its purchase price back in dividends. Let's take a look at the features, current price, and then jump into the back end management. First, if you're interested, here is a video review of Swiss Knife Pro that offers a nice visual companion to this written review.

Like this video? We do a bunch of Oxygen tutorials and reviews. Please consider subscribing.

Swiss Knife Pro Features

The main feature that this plug-in has is the custom themes that it can apply to the Oxygen Builder. Once you install it, you can reskin the builder with a dark or light theme. These themes make the buttons bigger, increase the contrast between UI elements, and make it easier to click on things. They also look pretty cool.

With the theme, you can also restyle the Oxygen Builder top bar to provide easier access to the front end view, admin view, and other buttons.

Swiss Knife Pro also adds a debug functionality, which makes it easy to figure out which elements are overflowing off the page, causing that dreaded whitespace gap. When you toggle on the debug functionality, it will highlight all DOM elements on the page, including divs, sections, and text.

The final major selling point for me is the code autocomplete and emmet integration. This is a relatively new feature that was added to version 1.1 of the plugin, and adds the same code autocomplete feature that can be found in code pen. If you've ever used an editor like VS Code or Codepen, you will have come to depend on the autocomplete feature to be more efficient when writing CSS, PHP, or JS. It's also a feature that is missing on the native Oxygen Builder (and something I spent 2 days trying to figure out – only to have Swiss Knife add it).

Emmet also comes with this. If you're not familiar with emmet, it essentially allows you to easily throw down boilerplate html elements, like so:

https://docs.emmet.io/abbreviations/

I didn't think I'd be using this, but it actually comes in handy, primarily when making icon lists with custom bullets.

Compatibility / Competition With Hydrogen Pack

The question that I've seen a few times in the Oxygen Builder group is if there is compatibility with Hydrogen Pack, and if this plug-in can replace that solution. Swiss Knife Pro works seamlessly with Hydrogen Pack, and the features complement (not compete with) that solution. I use Swiss Knife Pro and Hydrogen Pack together, and in my opinion, that is the best workflow setup for Oxygen Builder if you're looking for third party additions.

Really the only feature overlap here is the custom icons for the structure panel, which I think Hydrogen Pack wins out on (though that's really a matter of preference).

Future Expansion

The nature of this plugin is pretty unique in that the developer behind it essentially adds features that are missing from existing solutions and the native builder. There's no defining theme here other than workflow addition. So, if it will make you build an Oxygen site quicker, it'll probably end up in this plugin if another company isn't doing it already. We've already seen that with the addition of code autocomplete and the font manager.

Conclusion

I've been using Swiss Knife Pro for about a month now, and have found that it makes a serious impact on my workflow. With it, I'm able to click through the Oxygen editor quicker, use the debug feature to figure out what elements are overflowing, and easily augment my code writing with the nifty autocomplete feature.

I've just begun adopting the fonts manager in my production websites and have found that it is easy to use and a lot better than elegant custom fonts. Because of the nature of the plug in and the price (coming in at $25) for a lifetime purchase, I definitely recommend this to anybody using the Oxygen Builder.

Subscribe & Share
If you liked this content, subscribe for our monthly roundup of WordPress news, website inspiration, exclusive deals and interesting articles.
Unsubscribe at any time. We do not spam and will never sell or share your email.
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Article By
James LePage
Contributors/Editors
notloggedin
James LePage is the founder of Isotropic Design, a digital agency that builds WordPress websites. I read, write and design constantly!
We're looking for new authors. Explore Isotropic Jobs.
Close
🇺🇸 English
Save posts, access exclusive content, join members-only communities and more.
Dark Mode Toggle
Love web dev? Join the Isotropic weekly newsletter.
cross
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
0

Your Cart is Empty