TUTORIALS, TIPS & RESOURCES for OXYGEN BUILDER

A unique collection of tutorials, tips and resources for Oxygen Builder for Wordpress.
Featuring some weird and fun hover effects, Shape Dividers, Scroll effects, Parallax, 3D, Sliders, Lightbox, Progress bars and plenty of other stuff.
category
  • All
  • Tutorials (50)
  • Tips (6)
  • Resources (5)
search title

How to use Three.js with Oxygen

Tutorials

How to make a Shape Divider responsive

Tutorials

Animate the Icon Box element

Tutorials

Icon Box - Alignment Tips

Tips

Add a Cubebox effect to the Superbox element

Tutorials

How to add a gradient to your icons

Tutorials

Awesome multiple background images effect

Tutorials

Nice and easy way to create a Text Divider

Tutorials

Animate a 3D Banner with BasicScroll

Tutorials

How to make a Scrolling Screenshot Preview Effect

Tutorials

Animating with the Clip-Path CSS property

Tutorials

How to open a photo gallery in a lightbox

Tutorials

How to style Google Maps

Tutorials

Better scroll animations with BasicScroll

Tutorials

How to use the parallax.js library in Oxygen

Tutorials

What you need to know about Font Awesome in Oxygen

Resources

Animate the Progress Bar when it enters the viewport

Tutorials

How to style a Fluent Forms form

Tutorials

How to style a Contact Form 7 form

Tutorials

Block reveal animations

Tutorials

Masonry layout galleries with Macy.js

Tutorials

How to host Google Fonts locally

Tutorials

A better Slider with Flickity

Tutorials

How to make some cool slideshows

Tutorials

Customize the Modal Backdrop style

Tutorials

How to add a real masonry layout in Easy Posts element

Tutorials

Customize the Scroll animation effects

Tutorials

Animate your website with anime.js

Tutorials

How to write CSS in Oxygen

Tips

How to optimize your website with GTmetrix

Tips

How to add Infinite Scroll to the Easy Posts element

Tutorials

How to add an animated counter

Tutorials

How to add an animated circular progress bars

Tutorials

How to add a lightbox effect to your images

Tutorials

How to have a different Logo in sticky header

Tutorials

Useful optimizations for Oxygen Builder

Tips

Interactive parallax

Tutorials

How to add a shape divider

Tutorials

Collection of unique shape dividers

Resources

How to animate the submenu

Tutorials

How to fix the gap problem on mobile view

Tips

How to add an Image Comparison Slider

Tutorials

Scroll animations with ScrollOut

Tutorials

Parallax effect on any element

Tutorials

Add a flipbox effect to the superbox element

Tutorials

+40 image hover effects for your galleries

Tutorials

Very simple parallax background effect

Tutorials

How to load Google Fonts locally

Tutorials

Animated heading

Tutorials

How to have different menus with Polylang

Tutorials

How to make any element sticky

Tutorials

How to add a particles background effect

Tutorials

Trigger a function when you scroll to an element with Waypoints

Tutorials

Awesome Gallery Styles

Resources

Animate the header with TweenMax

Tutorials

Collection of shape dividers

Resources

How to add a Tilt effect to your images

Tutorials

SVG Background patterns

Resources

Essential Grid

Tips

Tabs with nice transitions

Tutorials

Shrinking header

Tutorials
searchclosealign-justifychevron-down