Oxyninja Core + WooCore Bundle lifetime unlimited

What is Oxyninja ?

Powerful tools for Oxygen professionals Empower yourself with Oxygen design sets crafted by OxyNinja, and start saving the time instantly.

Features

FE – Oxyninja Core + WooCore – $214

CORE

• CORE CSS Framework
• 160+ Professionally designed sections
• Support, documentation and cheat sheet

WOO.CORE

• CORE CSS Framework
• 17 Full WooCommerce Templates
• Support, documentation and cheat sheet

Core Framework

• OxyNinja’s Core Framework is a CSS framework similar to something like Tailwind and UIkit. Basically, it gives you a whole bunch of pre-made utility classes to help you rapidly build your own designs. If you don’t know what utility classes are, they are CSS classes that generally do one thing. The classes in OxyNinja cover things like CSS grid column layouts, padding, margins, colors, and more.
• My favorite part of the Core Framework is the classes for making CSS grids. So, imagine you want a row of four columns. Instead of using Oxygen’s flexbox column system, you can simply create a div to represent the row, then add three more divs inside to represent the columns. Add the class “c-columns-4” to the row div and instantly your three inner divs will become CSS grid columns. Want to add a medium-sized gap between all the columns? Add “c-columns-gap-m”. Using classes like this is a great way to easily keep your designs consistent, which is one of the most important aspects of good design.
• Let’s take it up another notch. Say you want your columns to become rows of two columns on tablets and you want them to become rows of one column for phones. Add “c-columns-l-2” (large – 2 columns) and “c-columns-s-1” (small – 1 column). It’s THAT easy. This is the kind of power you can get out of using any of the major CSS frameworks, but OxyNinja is currently the only way to get an awesome framework like this effortlessly imported into OxyGen.
• For anyone interested in the Core Framework I highly recommend watching this video from their product page. It’s an example of how quickly you can throw together a design using the utility classes provided with OxyNinja, and it’s what sold me on it.

Pre-built Sections

• The designs are all very attractive and consistent. They are all built using OxyNinja’s Core Framework which makes them super easy to modify by just swapping out CSS classes. For example, turning this section…into this section that I’m using for a project… only took a couple of minutes using the Core Framework classes.

• A really cool feature of OxyNinja’s prebuilt sections is their unique live demo and import system. You can visit the live demo page here, then click the copy button when previewing any section, and then click the OxyNinja button in your Oxygen editor and it will instantly add the section to your page in Oxygen Builder. In my opinion, this is a huge upgrade over the built-in design set system (which you can still use if you’d rather do that). It’s hard to really tell what the sections are like from the small screenshots in the design set UI, so this makes it a lot easier to pick out the right section for the job.

• If you’ve ever tried to make a mega menu in Oxygen, you’ll know that it’s a bit of a pain to do. Fortunately, OxyNinja comes with a few different pre-built mega menus that you can import and easily customize for your sites.

Is OxyNinja Core Worth It?

• Without a doubt, this is one of the best products out there for Oxygen Builder if you’re looking to build multiple sites at scale, or embarking on a larger project. First, the Core framework saves you hours of time. Instead of having to manually enter and create utility classes, they are already there for you, offering you a consistent design language which you can then apply to whatever site you’re working on.
• The consistency that comes with this well built utility framework results in a professional looking website, even if you didn’t drop $10,000 on a designer.
• The 160 elements that the Core framework ships with is a massive time saver, and utilizes the standard Oxygen Elements meaning that you can easily style them to match your brand (or even leave them as is). Using and inserting these elements is as easy as it could be, as they use the native Oxygen Design Set system and are inserted from the back end editor.
• And what about WooCore? This too is the perfect addition to anybody looking to create eCommerce experiences with WooCommerce and Oxygen. The various templates such as account pages, single products, archives and more are professional looking, and can quickly be styled to match your brand guidelines in the editor.