There are two routes you can pick to create a new page using Elementor. First, you can start everything from scratch. Second, you can start from a pre-made template. If you prefer the second option, then you can take a look at the pre-made Elementor templates I've created below.
All the templates on the list below are available in a JSON format. Meaning that you don't need to install a new plugin or create a cloud account.
Instead, you can simply import them right from the Elementor editor. Some widgets require the pro version of Elementor, but none of them require a third-party add-on.
🚨 All templates are built with the native Elementor widgets (Free and Pro). Make sure you have Elementor Pro installed on your website before you import the templates. You can get Elementor Pro on its official website.
get elementor pro
Shortcuts ⤵️
- What is an Elementor template?
- How to import an Elementor template
- Template kits
- Landing page templates
- Bonus
What is an Elementor Template?
In case you are new to Elementor and have no idea about what an Elementor template is.
It is a collection of elements (widgets and containers) that are pre-designed. These elements are then exported into a file, which you can import on another Elementor-powered website.
An Elementor template is not always a page template. It can also be a section/container of a page or a theme builder template (header, footer, archive pages, etc.).
Elementor itself already offers hundreds of pre-made templates, but you need to connect your Elementor account to access them.
The same is true for some WordPress themes and plugins that offer Elementor templates. They typically require you to create an account to be able to access the templates -- which are technically stored in the cloud.
The built-in Elementor template library itself is available on both versions, Free and Pro, but the pro version allows you to unlock more templates.
A Brief Intro About Template Kit
Elementor introduced the concept of template kit back in 2019. A template kit is a set of templates designed with the same design language. Meaning that all templates in a template kit have the same color scheme, the same button style, the same form style, and so on.
An Elementor template kit is typically designed specifically for a certain website project.
Elementor offers tons of template kits. To access them, you can go to Templates -> Kit Library on your WordPress dashboard.
You can import all templates in an Elementor at once with a single click.
Not just Elementor who offers template kits. Some third-party designers also offer template kits.
Some of them store the template kits in the cloud, while some prefer to offer them in ZIP files, which you can import directly via the editor without installing a new plugin.
How to Import an Elementor Template that is Available in a JSON Format
When you have an Elementor template that is available in a JSON format, you can import it instantly without creating a cloud account or installing a new plugin.
Instead, you can go to the Elementor editor to import it.
On the Elementor editor, you can click the folder icon to open the template library window.
On the library window, click the arrow icon, followed by the Select File button.
The next step is depending on the number of template files you want to import.
If you want to import a single template, you can simply select the JSON file of the template you want to import.
If you want to import multiple templates at once (e.g., a template kit), then you can select the ZIP file containing the templates you want to import.
In most cases, you will see a warning like the one on the screenshot below when uploading a JSON file. Simply click the Continue button to proceed.
Wait a moment until Elementor is done importing your template. Once done, you will have your template(s) available on the template library.
To make it easy for you to find them, you can click the CREATION DATE tab to sort the templates by the dates they are added.
To bring the template into the Elementor editor, you can simply click the Insert button. Once the template is loaded, you can start to play around with the editor to edit it.
Watch the following video if you still encounter an issue to import a template:
List of Elementor Pro Templates
Template Kits
1. Nicespace
Nicespace is an Elementor template kit designed specifically for interior designer studios. So, if you are working on a project of this type of business, then it is a perfect solution.
Being a template kit, it consists of several Elementor templates put together in a ZIP file. All templates are available in JSON files. You can import them directly from the Elementor editor. Be it one by one at once.
This template has a modern design with some animation effects on some areas. On the hero section, you will find a rotating text. Right beneath the hero section, you will find a nice effect where the text will be automatically highlighted on scroll down.
Another animation effect you will find on the Nicespace template kit is the slide effect on button hover.
All animation effects on this template kit are made with custom JavaScript and CSS. No third-party Elementor involved at all.
Templates Included in Nicespace template kit:
- Header
- Footer
- Homepage
- About page
- Contact page
- Works page (portfolio showcase)
- Services page
- Blog page
- 404 page
Key features of Nicespace:
- Mega menu
- Slide button hover effect
- Rotating text effect
- Automatically highlight text on scroll down
- Testimonial section with a custom navigation
- Zoom in hover effect
2. SEOJoy
As you can guess, SEOJoy is an Elementor template kit designed specifically for SEO agency websites. But you can also use it for other agency websites if you like the design.
The template kit consists of 9 JSON templates which you can use to create a complete website in no time. You can simply replace the default content after importing the templates and your website is ready to launch.
SEOJoy has a colorful design scheme to give a joyful vibe to your website.
The template kit already includes all necessary sections such as pricing table, testimonials to FAQ.
Templates included in SEOJoy template kit:
- Header
- Footer
- Homepage
- About page
- Services page
- Blog page
- Pricing page
- Contact page
- 404 page
Key features of SEOJoy:
- Horizontal text scrolling effect
- Horizontal testimonial scrolling effect
- Colorful design
- Custom hover effect
- Contact form and email opt-in form
3. Jingga
Jingga is an Elementor template kit designed specifically for digital marketing agencies. It comes with an elegant design with a large text on the hero section and the CTA section on the homepage.
On this template, I implemented a sticky effect on the services section. When you scroll down, the left column remains visible until you reach the next section.
I wanted to use the sticky column to highlight the mission of the agency firm and to display the CTA button.
Some other features added to the template kit include an off-canvas menu and before-after section. All of the features are created with Elementor built-in features.
Templates included in the Jingga template kit:
- Header
- Footer
- Homepage
- Services page
- Contact page
- Testimonials page
- Blog page
Key features of Jingga:
- Off-canvas menu
- Before-after section
- Sticky column
- Contact form
Landing Page Templates
4. Nusawiru
Want to create an Elementor landing page for a tech conference? If so ,you can use Nusawiru which is designed specifically for this particular purpose.
The landing page template comes in a dark design combined with orange.
To give a modern vibe to the design, I used a glossy gradient as the background of the hero section. I also added a custom hover effect to all buttons on this page.
You will also find a cool hover effect on the speakers section of the landing page.
Key features of Nusawiru:
- Sleek pricing table
- Event rundown/schedule
- Marque text
- Custom button hover effect
- Custom image hover effect
5. Rinten
Rinten is an Elementor landing page template designed to create a landing page of a property website. It's a perfect solution if you want to create a website for this type of business. Be it for yourself or for your client.
The template has all the required sections to promote your properties. From a sleek, modern hero section with modern button design, testimonials section, to a contact section.
The testimonials section on this landing page has a unique design with a custom navigation created with JavaScript and CSS. You don't need to install a third-party Elementor add-on to use the template.
Key features of Rinten:
- Automatically highlight text on scroll
- Custom button hover effect
- Custom image hover effect
- Custom carousel navigation
- Contact form
6. Rembele
Rembele is a landing page template designed for design agencies but the use of the template is wider than that. You can use it to create a website of another business type by tailoring the content.
The template itself comes in a dark design. It has some animation effects in some areas. Including a beautiful effect on the hero section where the video automatically expands on scroll down and shrink on scroll up.
Rembeli also has a beautiful stacking cards section to make your landing page look modern. To sweeten the buttons, I also added a custom hover effect to the buttons on this template.
Key features of Rembele:
- Automatically expand video on scroll down and shrink on scroll down
- Custom button hover effect
- Stacking cards
- Horizontal image sliders
- One-page navigation
7. Hjabdullah
Hjabdullah is an Elementor landing page template designed for home improvement services or similar businesses.
The template has a unique hero section where the screen is split into two columns. Looks simple, but to create a design layout like this one requires a tricky sizing. Thankfully, Elementor supports custom CSS units to allow us to create a unique layout like this.
The hero section of this template has a glass effect touch, which you can find on the bottom-right corner (the testimonial section).
To make the design of the template look even more modern, I added a custom hover effect to the buttons (the fill-in effect).
Key features of Hjabdullah:
- Image changes on accordion item click
- Horizontal image scrolling
- Stacking cards
- Custom slider navigation
- Advanced toggle design
- Custom button hover effect
8. Sibisa
Sibisa is an Elementor landing page template designed specifically for professional writers. More specifically, it is designed to sell e-books.
The template already has all the elements and sections you need to promote your e-books. From the social proof section to the CTA section.
Apart from selling e-books, you can also use the landing page to build an audience. It comes with a read-to-use email opt-in form which you can connect with Kit or similar services.
Key features of Sibisa:
- Rotating text
- One-page navigation
- Testimonial slider
- Expand image on scroll down and shrink on scroll up
- FAQ section
- Email opt-in form
9. Kampai
If you want to create an Elementor website for a yoga studio, you can use Kampai for the project. You can use the template to create a one-page website and treat it as a landing page.
Or you can also use the template to create a dedicated landing page on your existing website.
Just like other templates above, Kampai also has a modern design with a super soft green as the background color. Kampai comes with a sleek pricing table section. A booking form is also available to allow your visitors to book a yoga session.
Key features of Kampai:
- Custom button hover effect
- Sleek pricing table
- Booking form
- One-page navigation
- Inline icons
Hero Section Templates
10. Human Torch
Human Torch is a hero section template for Elementor that has a simple design. However, the design feels alive thanks to a hover effect it has.
When you hover your cursor over any area on the hero section, an image background will reveal partially as if it gets a light from a torch. That's why I named this template "Human Torch".
The effect itself is created with a little JavaScript snippet. No third-party add-on involved on the template.
Apart from this effect, which is the main feature of the template, you will also get a unique hover effect on the buttons where the button icon will vibrate when you hover your cursor over the button.
Key features of Human Torch:
- Image background reveal hover effect
- Custom button hover effect
- Glass effect on header
11. Sentry
Want to bring the Apple design vibe to your website? You can use Sentry as the hero section of your Elementor website.
You can bring the Apple design vibe to your website using the hero section template because it has a notch on the header, similar to Mac and old iPhone versions. The hero section template itself is designed to create a travel website but there is no prohibition to use it on other site types.
Sentry has a booking form. You can edit it to turn it into a, for instance, email opt-in form.
Apart from its unique header, Sentry also comes with a creative button hover effect, which you can find on the button form and the CTA button on the header.
Key features of Sentry:
- Curved header (the notch)
- Custom button hover effect
- Slideshow background
12. Yelena
Elementor has a built-in CSS transform feature but the vast majority of users don't use it creatively.
I tried to use the feature to create an image gallery and the result was a unique image gallery as you can see on the above image.
The idea is simple. I used the skew transform to turn the square image into a parallelogram and then duplicated the image until the container is fully populated with the images. Also added a hover effect to move the images upward on hover.
The hero section is great to showcase visual works. From photographs, illustrations, UI/UX designs, and soon.
Key features of Yelena:
- Unique, creative image gallery
- Hover effect on client avatars
13. Quill
The design of this hero section is inspired by a post I accidentally found on Threads. I loved the layout of the design but I thought it was too flat so I made some improvements.
To make the design look more dynamic, I added a little animation effect to the background using a simple CSS snippet.
If you take a look at the background thoroughly, you will find a marque text effect in a super soft blue. This is a real text, not a PNG image so that you can edit it effortlessly.
Key features of Quill:
- Marquee text effect in the background
- Custom button hover effect
14. X-Fest
X-Fest is a hero section template designed specifically for a music event website. It has a two-column layout where the right column is dedicated to showcasing the musician line-up.
If you like the design, however, you can use it to create a website for other businesses. For instance, you can use the rotating text on the right column to showcase the services or features of the business you want to create the website of.
I used a background video on this hero section because I wanted to make the design look dynamic. You can use a static background if you want.
Key features of X-Fest:
- Rotating text effect
- Creative button hover effect
- Video background
15. Ayo
Ayo is another Elementor hero section template that has a rotating effect. But this time, the rotating effect is not applied specifically to text. Instead, the rotating effect is applied to a container.
You can populate the container with any widgets you want and they will rotate altogether.
On the template, the rotating effect is used to showcase user testimonials, but you can use it for other use cases.
The rotating effect itself is created with JavaScript. You don't need to install a third-party add-on to get the effect.
Key features of Ayo:
- Slide/rotating effect to showcase testimonials
- Glass effect
16. Courset
Courset is an Elementor hero section template that comes with a vertical accordion. This accordion is created with custom CSS.
Elementor has an accordion widget, but the available design options are too limited so I created a custom accordion effect using custom CSS. In this case, I wanted each accordion item to have a unique image background.
I also wanted each accordion item to have a vertical title on closed state and turn it into horizontal on the open state.
The template itself is designed specifically for a course website, but feel free to use it on other site types.
Key features of Courset:
- Vertical accordion
- Accordion items automatically expand on hover
- Custom hover effects on buttons and menu items
17. Ajak
It's common to find a hero section with a two-column layout. But Ajak is different. It's true that this hero section template has a two-column layout. What makes it different is the sticky effect on the right column.
On scroll down, the right column remains in its position until you reach the next section. While the left column behaves normally.
The goal of this behavior is to make the headline, CTA button and social proof remain visible when a visitor scrolls down the page.
Another unique thing you can find on this hero section template is the button. Instead of a solid color or gradient, you will find a button with an image as the background.
Key features of Ajak:
- Sticky column
- Custom hover effect
- Unique button style
Single Post Templates
18. Sedudo
As you know, Elementor Pro has a theme builder feature which you can use to create a custom single post template to replace the default single post template of your theme.
And if you want to create a custom single post template for your Elementor site, Sedudo is a prebuilt template you can use.
It has a single-column layout which is great in terms of reading experience.
Sedudo is especially great if you want to create a single post template with a large featured image.
Key features of Sedudo:
- Single-column layout
- Large featured image
- Social share buttons
- Related posts
19. Cilember
Cilember is a single post template that has a similar layout as Sedudo where it adopts a one-column layout. However, there are some details setting them apart.
On Cilember, the post meta and social share buttons are placed in the same wrapper. They are displayed in a horizontal style. Also, the template has an email opt-in form beneath the post content. You can connect the form with an email marketing platform you use.
Key features of Cilember:
- Large featured image
- Pill-styled post tags
- Email opt-in form
- Social share buttons
- Related posts
20. Haratai
If you are looking for a single post template that has a sidebar, you can try Haratai. The top section of this template has a similar layout Cilember but the section that hosts the post content is completely different.
The content section adopts a two-column layout with the right column acting as a sidebar. On the sidebar, you will find elements like author bio, popular posts and a sticky email opt-in form. If you want it, you can also add an ad banner to the sidebar.
Haratai comes with a circular reading progress indicator created with the native Progress Tracker widget of Elementor. This reading progress indicator also acts as a back-to-top button with an arrow inside it.
The reading progress tracker itself only shows up on scroll down and it will disappear again on scroll up.
Key features of Haratai:
- Sticky email opt-in form
- Floating reading progress indicator
- Floating back-to-top button
- Social share buttons
- Post navigation
- Related posts
21. Guruh Gemurai
Guruh Gemurai is a single post template that has a unique design. On the top section, you will find that the featured image is displayed in a vertical style (portrait).
The template also has a unique gradient background with pink as the secondary color. Of course, you can change it with a color you like.
Key features of Guruh Gemurai:
- Gradient background
- Single-column layout
- Portrait mode featured image
- Social share buttons
- Post navigation
- Related posts
22. Tujuh Tingkat
The layout of Tujuh Tingkat is pretty similar to Guruh Gemurai. At top, you will find a vertical featured image on the right column and the post title on the left column.
But as soon as you take a closer look, you will find a significant difference between this template and Guruh Gemurai.
The top section of this template has an image background wrapped in a yellow overlay. The image is dynamic, pulled from the featured image.
Another difference is that this template has a drop cap.
Also, Tujuh Tingkat comes with an email option form which is super useful if you want to make your blog posts to become a funnel to collect email subscribers.
Other Templates
Button Hover Effects
Apart from the templates above, I also created custom hover effects for Elementor button. The effects are created with custom CSS.
The goal of the hover effects is to help you to add a premium vibe to your design so that you can sell your design at a higher price.
I put together the button hover effects in a single page template which you can import to your website.
To use a hover effect, you can simply copy a button widget with the hover effect you like and paste it to your design. As simple as that.
Here is the demo:
Summary
In Elementor, you can create a website in no time thanks to its extensive ready-made templates. If none of the default Elementor templates suit your needs, then you can look for other alternatives.
Some plugin and theme developers bundle their product with pre-made templates, including the ones designed for Elementor. The problem is, you typically need to create an account as the templates are mostly stored in the cloud.
If you are looking for Elementor templates which you can import instantly via the Elementor editor, then the ones I provided above are worth trying. All templates I designed above are already optimized for all screen sizes. Also, none of them use a third-party widget.
You can import the above templates without installing a third-party add-ons.
