Demo

Documentation

YOOtheme Pro offers everything you need to create sophisticated websites for WordPress and Joomla in minutes. Get premium layouts and beautiful styles created by a team of professional designers together with free-to-use images – all in one package.

Design and build
your website visually.

The YOOtheme Pro page builder is perfect for designers who want to create beautiful page layouts, and developers who appreciate extensibility and clean, semantic code.

Organize Content With Drag & Drop
Add, arrange, copy or delete sections, grids and content elements with an intuitive drag and drop interface. Everything you build is instantly shown in live preview.

Create Responsive Grid Layouts
Build responsive grids by adding rows and columns without writing a single line of code. The page layouts will adapt perfectly to all device sizes.

Add Content Elements on the Fly
Simply drop content elements in your grid layouts — from text and images to slideshows and galleries. Easily add and manage your content with these building blocks.

THE ELEMENT LIBRARY
30+ Elements to Build Your Content

The page builder comes with an expanding collection of ready-to-use elements. Easily extend it with your own custom elements.

Accordion

Icon Accordion
Alert

Icon Alert
Button

Icon Button
Code

Icon Code
Countdown

Icon Countdown
Description List

Icon Description List
Divider

Icon Divider
Gallery

Icon Gallery
Grid

Icon Grid
Headline

Icon Headline
HTML

Icon HTML
Icon

Icon Icon
Image

Icon Image
J! Module

Icon Joomla Module
J! Position

Icon Joomla Position
List

Icon List
Map

Icon Map
Newsletter

Icon Newsletter
Overlay

Icon Overlay
Panel

Icon Panel
Popover

Icon Popover
Quotation

Icon Quotation
Slideshow

Icon Slideshow
Social

Icon Social
Subnav

Icon Subnav
Switcher

Icon Switcher
Table

Icon Table
Text

Icon Text
Totop

Icon Totop
Video

Icon Video
WP Area

Icon WordPress Area
WP Widget

Icon WordPress Widget
THE LAYOUT LIBRARY
100+ Premium Page Layouts

Boost your design process by importing one of the pre-built layouts with a single click. Mix and match the sections to create a unique website in minutes.

Crafted by Professionals
All our themes are created by a team of professional designers, making them the most innovative and high-class layouts you'll find.

Regular Theme Packages
Our thematic demo websites come with well-thought-out page layouts to get you started in no time. New packages are released regularly.

Free Quality Images
We do a comprehensive image research for each topic. That is why our page layouts come with elegant, high-quality and free-to-use images.

Create Your Own Layouts
Customize your website and save your created sections and entire layouts into the library. Mix and reuse them later in your next project.

THE STYLE LIBRARY
60+ Beautifully Designed Styles

Benefit from a huge collection of hand-crafted style variations. Switch between them, and your content will adapt automatically.

THE STYLE CUSTOMIZER
Create Your Own Style

The style customizer allows you to change your site's appearance. Modify fonts, colors, spacing — all without the need to write any CSS.

Global UI components
We use the UIkit CSS framework to customize all UI components.
600+ Google Fonts
Used fonts are stored locally for faster loading and GDPR compliance.
125+ premium icons
YOOtheme Pro comes with a set of beautifully designed modern icons.
Color picker
Adjust one color and see it change in real-time all over your website.
POWERFUL LAYOUT SETTINGS
Customize Your Layout
Header Layouts for
Every Purpose
Choose between sixteen different header layouts and select one of the many navigation options to create the perfect header for your website.

Various Sticky Header navigations
Modal and Offcanvas menus
Dropdown and Dropbar modes
Mobile Header
Layouts
Even when it comes to the mobile navigation, you can choose the header you prefer. Apply one of the navigation modes and define the breakpoint for mobiles.

Dropdown, Modal and Offcanvas menus
Different animations for all menu types
Various menu styles
YOOtheme Pro Footer Builder
Footer Builder
The footer is a vital part of every website. That’s why YOOtheme Pro features an additional footer builder. Add any content from the element or layout library and make your footer stand out on every page of your website.

YOOtheme Pro Blog Layouts
Blog Layouts
YOOtheme Pro also has multiple options for the blog and post layout. For instance, you can expand the gutter between columns or display dividers and much more.

Alignment options for blogs and posts
Content Width option for posts
Different navigation modes
Drop Cap mode for posts
WooCommerce Pages
WooCommerce
YOOtheme Pro fully supports WooCommerce and automatically styles its pages, so that they correspond to the overall look of your website.

WooCommerce Logo
THE BUILDER WIDGET
Build Complex Websites With Ease

YOOtheme Pro Builder Module
Use the Builder Everywhere
Load the page builder in the Top or Bottom positions of your website to create complex and sophisticated layouts even on Blog pages.

That way you can display a different footer on each page and manage user permissions for page builder layouts.

Load Dynamic Content
Place entire widget areas from WordPress, or module positions from Joomla respectively, inside your page builder layouts.