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.
