elementor page builder wordpress icon

Live Page Builder For WordPress

Reach a whole new level of design with Elementor,
the most advanced drag & drop live page builder for WordPress

Faster than others

No more drag, drop & wait. Elementor lets you design on the frontend with instant, real time results

Free & open source

Elementor is the first full free & open source frontend page builder, that includes full access to all the design features you might need

Easy to use

Every control has been meticulously selected to provide the best user experience, and allow you to design at record speeds

No coding

Reach high-end designs, without coding. The resulting page code is compact & optimized for every device and screen

Featured on

Any Theme. Any Page.

Use Elementor with your favorite or customized theme. Change themes and still keep all your designs. Landing pages, homepages, posts, portfolios, products. Elementor can be used to design any page or custom post type.
Pixel Perfect

Total Customization Over Layout

Section width & height

Go beyond the over simplified and generic page designs, by having more control over the various sections. Elementor's page sections make up the basic architecture of the page, and allow you to reach a level of design reserved until now for high budget custom designed websites.
elementor layout
elementor resize columns

Resize columns

Tinkering with the size of the columns has never been easier. Grab one of the corners and drag it until the column layout is just right. You can also choose from default settings and easily add more columns to the row. With Elementor, You have complete control over the height and width of your columns.

Column & content position

With Elementor, you can decide to position the column to the top, center and bottom of a section, or stretch it out to the whole section. You can also position the content within the column in the same manner. This unique feature gives you the freedom to create a design that is much more customized.

elementor strach columns

Padding & margin setting

Set the padding & margin for sections, columns & widgets, using px, EM or %. This feature is unique to Elementor. Without using % or EM, the heading you set may end up looking huge in mobile. Our dynamic size settings lets you take full advantage of the various scaling possibilities.

Column gap

Change the gaps between columns in order to let your design breathe. By changing the gaps at once, you can try out different column layouts, and visually decide which one has the best fit. This setting is amazingly simple to alter, but makes a huge difference on the ending result.

elementor columns gap
Take a Look

Don't Settle For Less Than Stunning

To get you inspired, we've created some beautiful templates for you to enjoy. It was done with no coding, no photoshop work, no written CSS. Just Elementor.



With Elementor you get the complete package of widgets, for free. We've included advanced widgets like toggle boxes, Google maps and many more.

Customizable widgets

Elementor includes many useful widgets, that have been custom made to work inside the live page builder. From changing the overlay of button colors, to controlling the spacing inside the progress bar, there are endless design possibilities to explore.

3rd party widgets

Include your favorite plugins and WordPress widgets automatically, and simply drag and drop them into the page. This means that you do not need to do any coding whatsoever in order to embed them inside Elementor. Advanced styling will also be available for these widgets.

Here Are Our Little Design Helpers

Columns Widget
Heading Widget
Text Editor widget
Image Widget
YouTube Widget
Button Widget
Divider Widget
Google Maps Widget
Counter Widget
Progress Bar Widget
Icon Widget
Icon List Widget
Tabs Widget
Accordion Widget
Toggle Widget
Alert Widget
HTML Widget
Menu Anchor Widget
Sidebar Widget
WordPress Widget
image box widget
icon box widget
image caruosel widget
image gallery widget
person widget soon
Countdown widget
Web Designer

Pixel Perfect With No Coding

We built Elementor with the designer in mind, to create a page builder that enables designers reach high-end premium designs, without having to use CSS or code

Save time & money

HTML took ages, WordPress took days, Elementor takes hours. Deliver complete websites to clients faster than ever


Pixel perfect design

Don't settle for default layouts. Control every pixel and reach the exact design you had in mind, on the pixel level


400+ Awesome icons

Choose from over 400 unique icons and customize them to fit your style. Use Icons to make your page more visualy appealing


Border & background

Control everything that is inside and around your widgets, with Elementor's border & background settings


600+ Google fonts

A visual page builder comes in handy with fonts, as you can experiment matching different fonts like never before


Color palettes

Maintain a consistent color pallet through the various pages within the website with Elementor's automatic color control

Mobile Friendly

The term 'responsive design' has been worn out, but Elementor lives up to the promise, with device preview screens, percentage based element widths and device visibility control. 

mobile & tablet
Web Developer

Extendable & Developer Friendly

Elementor offers developers the freedom to customize and extend it, and can become a useful plugin for developers that don't want to be chained to a theme.


Open source

Released as open source and GPL, Elementor lets WordPress developers the chance to extend and improve it


High quality code

A plugin's quality depends on the code it is built on. We made sure Elementor is built with the best code architecture in mind


SEO optimized

Elementor is based on the most recommended coding standards, making your pages SEO optimized out of the box.


Translation & RTL

Elementor fully supports languages and RTL pages. It also supports translation plugins like WPML and Polylang


Born for expanding

Elementor uses the power of the WordPress community to incorporate new widgets, plugins and integrations


Custom CSS

Create your very own custom CSS for sections, rows, columns and widgets, and add them easily to your page