Today we're proud to announce the release of Oxygen 2.4 Alpha 1. 2.4 Alpha 1 introduces one new feature: Conditions. Existing customers can download the Alpha in the customer portal. Conditions Conditions allow you to show any Oxygen element based on some defined condition. With this feature, you can do things like: Show a specific […]

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to make a set of disjointed photos more consistent by using filter effects.    

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to avoid a common pitfall when aligning long-form text, and what to do instead.

Today we are proud to announce the release of Oxygen 2.3. Oxygen 2.3 is a significant update with two new features: Modal Element User Design Library We've also fixed many bugs and added three new design sets. Existing customers can download Oxygen 2.3 in the customer portal. Oxygen 2.x can also be updated to 2.3 in […]

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to find the right amount of spacing for your design so that your elements don't look or feel cramped.

Today we are proud to announce the release of the release candidate for Oxygen 2.3. Login to the customer portal to download the release candidate. The 2.3 release candidate has been tested extensively and we believe it is stable enough for production environments. We will provide official support for sites running the release candidate. As […]

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to make your sticky header mesh better with your site by reducing its use of vertical space.

In this tutorial, you'll learn how to create an overlay header effect for specific pages using Oxygen's Header Builder element. The Header Builder element allows you to create as many Header Rows as you'd like, and then display them conditionally depending on the state of the Header itself. This means we can choose which Header […]

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to make your long-form text more pleasant to read by tweaking font size, font family, line length, and line height.

In this tutorial, you'll learn how to create custom animated buttons using the new CSS Transforms feature in Oxygen 2.2. With Oxygen's fundamental components and visual CSS manipulation, you can create advanced custom elements without needing pre-built blocks or add-ons. You can visually style pseudo-elements like :before, :after, and states like :hover using the State […]