Skip to content

Modules

83 modules, one editor

Every block you can put on a page, with what it does in a line. They all share the same panel for content, style and advanced settings, and every one works in English and in Arabic.

Headings and text

Say it clearly, then add life to the words.

Heading

A heading at any level, with an optional gradient fill and link.

Text

Rich text with lists, links and an optional drop cap.

Animated text

A sentence where one word changes by itself: typing, fading or sliding.

Text highlighter

Marks the words that matter with a marker, underline, wavy line, circle or box that draws itself.

Scroll text reveal

A statement that lights up word by word as the visitor scrolls.

Inline content

Words, small pictures and buttons in a single flowing line.

Divider

A line between sections, with a label or an icon in the middle if you like.

Spacer

Exact empty space, set separately for desktop, tablet and phone.

Content ticker

A news-style line of headlines that rotates, with a label in front.

Marquee

A strip of words or logos that glides across the page without end.

Buttons and calls to action

Everything that asks the visitor to do something.

Button

A button with text, an icon or a picture, in any shape, with hover effects.

Button group

Several buttons together, side by side or stacked, stacking neatly on phones.

Call to action

A complete call to action: title, text and one or two buttons in one box.

Coupon code

A discount code with a copy button that says when it is copied.

Countdown timer

Counts down to a date, or gives each visitor their own period from their first visit.

Popup

A window, toast or banner that opens on a delay, on scroll, on exit or on a click, shown as often as you decide.

Off-canvas panel

A panel that slides in from the side for menus, carts or extra information.

Remote controller

Buttons that move another module, such as a slider or a switcher, from anywhere on the page.

Pictures, video and motion

Show the work: pictures, sound, film and things that move.

Image

A picture with a caption and a choice of shapes, sizes and loading.

Image mask

A picture cut into a circle, arch, hexagon, star or blob.

Image hover

A picture that shows a title, text or colour when the pointer or finger rests on it.

Image reveal

A picture that uncovers itself as it scrolls into view.

Image hotspot

A picture with points the visitor can open to read more about that spot.

Image accordion

Tall picture panels where the one you open grows and the others shrink.

Background switcher

A full background that changes as the visitor moves over a list of items.

Before / after

Two pictures with a handle to slide between the before and the after.

Floating images

Pictures that float gently, for a lively header.

Scrolling image

A tall picture, such as a whole web page, that scrolls inside a browser or phone frame.

Gallery

A grid, masonry, justified or packed gallery with a filter and a full-screen viewer.

Video

A video from your library or from YouTube or Vimeo, loaded only when played.

Audio player

A simple player for a podcast episode, a song or a recording.

Lottie animation

A Lottie animation that plays on load, on hover or on scroll.

SVG animator

Draws your own SVG line by line, on load or on scroll.

Spline 3D scene

An interactive 3D scene from Spline, loaded after the visitor agrees.

Logo

Your site logo, taken from the site settings, linked to the home page.

Sliders and carousels

Swipe, arrows and dots, with autoplay that always has a pause button.

Slider

Slides with a picture, title, text and link, from one to six at a time.

Image carousel

Pictures that slide, with optional captions and links.

Logo carousel

Client or partner logos that slide, grey until hovered if you like.

Testimonial carousel

Customer quotes that slide, with stars and photos.

Cards, boxes and people

The building blocks of services, features, teams and reviews.

Blurb

An icon or picture beside or above a title and a short text.

Icon

A single icon, round or square, linked or plain.

Icon box

A feature box with an icon, a title and a text, in several looks.

Icon list

A list where every line has its own icon, such as ticks or arrows.

Flip box

A card that turns over to show its back, on hover, focus or tap.

Hover box

A picture card that reveals more text when the pointer is over it.

Tilt card

A card that tilts in 3D to follow the pointer.

Stacking cards

Cards that pile on top of each other as the visitor scrolls.

Interactive circle

Items around a circle, each opening its own explanation.

Person

A team member or author with a photo, role, short bio and links.

Testimonial

One customer quote with a name, a role, a photo and a rating.

Content that opens, switches and tells a story

Fit a lot on a page without a wall of text.

Accordion

Questions and answers that open one at a time, with search-engine data included.

Tabs

Content in tabs that become a tidy list on phones.

Content toggle

A two-way switch, such as monthly and yearly, that swaps content or prices.

Timeline

Steps or history along a line, in a real ordered list.

Timeline tabs

Years or stages as tabs with a picture and text for each.

Alert

A coloured message for information, success, warning or a problem.

Numbers, tables and prices

Facts that are easy to read and easy to trust.

Counter

A number that counts up when it comes into view.

Bar counter

Labelled bars that fill to a percentage.

Chart

Bar, line, area, pie and doughnut charts drawn from numbers you type.

Table

A clean table that scrolls or stacks on small screens.

Data table

A table the visitor can search, sort and page through.

Price menu

Menu-style lists of items and prices with dotted leaders, in columns.

Pricing table

A plan with a price, a feature list and a button, with a monthly and yearly switch.

Business hours

Opening hours with today highlighted, and search-engine data included.

Star rating

Stars filled to a rating, including part of a star.

Forms, maps and reviews

Hear from visitors and show where you are.

Contact form

A contact or enquiry form with spam protection, saved messages and email alerts.

Map

A map with one or several places, loaded only when needed.

Google reviews

Your Google reviews with the average rating, filtered by minimum stars.

Posts and page parts

Lists and parts that fill themselves from your content.

Posts

A grid or list of posts, pages or any content type, filtered and sorted as you like.

Category grid

A grid of your categories or other groups, with their counts.

Page title

The title of the page being shown, for templates.

Page content

The content of the page being shown, for templates.

Page picture

The featured picture of the page being shown, for templates.

Page details

The date, author and categories of the page being shown, for templates.

Shop

For stores that use WooCommerce.

Add to cart

An add-to-cart button for a product, with price and quantity.

Cart

A cart icon with the item count and total that opens the cart.

Try them on a real layout

Every layout is made from these modules, so you can open one and see how it is put together.