Element Library

Display your content with versatile, ready-to-use page builder elements – from text, images and videos to grids, galleries, sliders, slideshows and more.

The YOOtheme Pro Element Library shows all builder elements together in one place and groups them by type, so you can quickly find the right building block for your page.

Basic elements form the foundation of every layout – from headlines, text, images and videos to dividers, countdowns and newsletter signup forms. To simplify layouts and arrange content more easily, the Panel and Overlay combine fields for a title, meta text, content, an image or video, and a link in a single element. The Panel arranges content and media in a flexible layout, either stacked or side by side, optionally styled as a card. The Overlay displays content on top of an image or video in a floating box, as an attached bar or without a background. Show the overlay on hover and add image effects.

Item-based elements arrange multiple content items in flexible layouts. Display panels and overlays in grids, galleries and sliders, or create immersive slideshows. Reveal content in accordions, switch between tabbed content panels, or add popovers to images, videos and interactive maps. Organize items in lists and tables, or turn them into buttons and navigations.

System elements bring native Joomla and WordPress functionality into your layouts. Add menus, breadcrumbs, pagination and search, or display individual modules and widgets alongside entire module positions and widget areas.

Every element offers extensive layout, style and animation options, so you can present the same content in many different ways. For a head start, browse ready-made variations in the Preset Library and add them to your layout with a click. Populate elements dynamically with content from Joomla, WordPress, WooCommerce or even the file system. Of course, everything is fully responsive and accessible out of the box, so your content works seamlessly across devices and for every visitor.

See elements in action

Live Demo

Documentation

Element Library

See elements in action

Start your new website today!

Start your new
website today!