30 Elementor Pro Templates Available in JSON Files

Pre-made Elementor templates allow you to get a website done more quickly rather than starting everything from scratch. Although Elementor already offers pre-made templates on its template library, you might need more options to choose from.

We have created pre-made Elementor templates that you can import without an extra plugin because they are created with native widgets and are available in JSON files.

However, you need to have Elementor installed and activated on your website because pro widgets are involved on some widgets.

You can get the pro version of Elementor on its official website.

How to Use The Templates

All templates on the list below are available in JSON files so that you can import them directly via the Elementor editor.

To start using a template, first, you need to create a new page and edit it with Elementor just like usual. After making some settings (e.g. page layout), you can click the folder icon in the Elementor canvas to open the templates library window.

You can import the templates from the templates library window.

You can watch the following video to learn more about how to import an Elementor template that is available in a JSON format.

Elementor Template Kits

1. Jingga

Jingga is an Elementor template kit. This means that it is not a single template. Instead, it is a set of templates designed to create a complete website. All templates have the same design system. From the button style, border radius, etc.

After downloading and extracting the ZIP file, you will find seven JSON files in the bundle. You can import them one by one or at once.

Jingga itself is an Elementor template kit designed specifically to create the websites of digital agency firms but there is prohibition to use it to create a website for other business type if you love the design. One of the key features of this template kit is the off-canvas menu, which is created using Elementor native features.

Key Features of Jingga:

• Off-canvas menu
• Before-after section
• Sticky column
• Contact form

2. Nicespace

Nicespace is an Elementor template kit that you can use to create a website for an interior design studio or similar businesses. The template has a modern design with some motion touches, including a rotating text on the hero section which is aimed at grabbing attention.

This template kit uses green as the base color, which you can replace according to your preference.

Nicespace also comes with a cool custom button hover effect, which is applied to all buttons. Another cool feature you will find on this template is a carousel with a custom navigation.

If you buy this template kit, there are 9 JSON templates you will get.

Key Features of Nicespace:

• Rotating text effect
• Slide button hover effect
• Zoom in hover effect
• Automatically highlight text on scroll down
• Testimonial section with a custom navigation

3. SEOJoy

SEOJoy is a perfect template if you want to create a website for a marketing agency. Unlike Jingga, this template is designed specifically for SEO agencies although you can also use it to create a website for other agency types in the online marketing space.

You can use SEOJoy especially if you love a web design with a colorful concept. Instead of one base color with some variations like most templates in the list, SEOJoy uses several colors in its design. Most of them are soft colors.

This template also has some animation effects to add a modern vibe, including the one on the hero section. If you plan to write blog posts a lot on your website, SEOJoy also offers a blog page template.

Key Features of SEOJoy:

• Colorful design
• Custom hover effect
• Horizontal testimonial scrolling effect
• Horizontal text scrolling effect
• Contact form and email opt-in form

Landing Page Templates

4. Sibisa

If you are looking for a landing page to sell an e-book, Sibisa is the template you can try. Same as other templates above, this template is also available in a JSON file so that you can import it directly via the Elementor editor.

You can use Sibisa whether to create a new landing page on your existing website or to create a one-page website. For the latter option, the template comes with a header template, complete with a one-page navigation.

Sibisa comes with CTA buttons which you can use to place the link of your e-book checkout URL. If you want it, you can replace them with the PayPal Button widget or Stripe Button widget.

Key Features of Sibisa:

• One-page navigation
• Email opt-in form
• Rotating text
• Testimonial slider
• Expand image on scroll down and shrink on scroll up
• FAQ section

5. Rembele

Rembele is another template that you can use to create a one-page website with Elementor. You can also use it to create a new landing page on your existing website.

The template itself is designed specifically to create a landing page for design agency business.

You will find some animation effects on some areas of this template. They are aimed at adding creative vibes to your design. One of the animation effects you will find on this template is stacking cards.

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

6. Hjabdullah

Hjabdullah is an Elementor template designed specifically for interior design studios. While the template is designed to create a landing page, you can also use it to create a complete one-page website. For this particular purpose, Hjabdullah comes with a header section and a footer section.

The header section has a one-page navigation feature to make it easy for your site visitors to jump between sections on your website.

The hero section of this template has a unique design. It adopts a two-column layout but the design is unique. In the hero section, you will also find a CTA button with a super creative design and an attractive hover 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

7. Kampai

Kampai is another Elementor template that you can use to create both a dedicated landing page on your existing website or a new one-page website. The template itself offers only one JSON file, but you will get both the footer section and header section.

If you want it, you can copy the header and footer section to a custom header/footer you create with Elementor Theme Builder.

One of the features offered by Kampai is inline icons, which makes the heading text of this template looks creative and unique.

Key Features of Kampai:

• Booking form
• Pricing table
• Custom button hover effect
• One-page navigation
• Inline icons

8. Rinten

If you are looking for an Elementor template to create a landing page for a property business, then Rinten is a perfect option you can download and use. The template comes with a modern and responsive design to market your property.

The hero section of this template features a full-width image background, which you can use to showcase the featured property you want to promote. If you want it, you can use a dynamic image by integrating your design with ACF, Pods or similar plugins.

Rinten comes with a booking form created with the native Form widget.

Key Features of Rinten:

• Automatically highlight text on scroll
• Custom button hover effect
• Custom image hover effect
• Custom carousel navigation
• Contact form

9. Nusawiru

Nusawiru is an Elementor landing page template that you can use to create a landing page for a tech conference. If the design suits you, you can also use it to create a landing page for a conference in another field.

The main feature of this template is the glossy gradient background on the hero section that makes the design of this template look premium.

Nusawiru also comes with a header section that has a pill style. The header has a CTA button with a unique hover effect. It is created with custom CSS.

Key Features of Nusawiru:

• Pricing table
• Event rundown/schedule
• Marque text
• Custom button hover effect
• Custom image hover effect

Single Post Templates

10. Guruh Gemurai

Want to create a custom single post template for your WordPress website? If so, you can download and use Guruh Gemurai. It is a single post template for Elementor that comes with a unique design.

The top section (hero section) of this single post template has a sleek gradient which you can customize according to your preference. The hero section uses the two-column layout where the left column is used to host the text content (post title, post excerpt, post meta, etc) while the right column is used to host the featured image.

The featured image itself is displayed in a portrait mode instead of landscape. On the content body section, this template adopts a single-column layout.

Key Features of Guruh Gemurai:

• Portrait featured image
• Single-column layout content body
• Social share buttons
• Post navigation
• Related posts

11. Madakaripura

Madakaripura is a great template you can download if you want to create a custom single post on your WordPress website without a featured image.

With the template, you can create a single post template that focuses on the content. Madakaripura itself adopts a one-column layout where all elements are stacked from top to button. Including the elements on the top section.

If you want to collect the email address of your readers, Madakaripura also comes with a ready-to-use email opt-in form which you can connect with email marketing platforms like Mailchimp, MailerLite, etc.

Key Features of Madakaripura:

• Clean design
• Single-column layout
• Social share buttons
• Email opt-in form
• Related posts

12. Nokan Nayan

If you are looking for a single post template in which the featured image is displayed in a landscape mode, you can download Nokan Nayan. In this template, the featured image is not separated with the text content.

Instead, it is placed in the same column as the text content. Not above the text content or below the text content, the featured image is used as the background of the text content, making the design look unique and creative.

To maintain the visibility of the text content, an overlay is added as the extra layer above the featured image.

Key Features Of Nokan Nayan:

• Large featured image
• Single-column layout
• Last updated date
• Social share buttons
• Related posts

13. Sedudo

Sedudo is another perfect template you can download if you want to create a single post template with the featured image in a landscape mode. It is also a great template to create a distraction-free single post template thanks to its single-column layout.

In Sedudo, every image has a consistent border radius. Including images on the post body.

This template comes with share buttons and related post posts. Unfortunately, it has no email opt-in form. You need to add and design the form yourself if you need it.

Key Features of Sedudo:

• Single-column layout
• Large featured image
• Social share buttons
• Related posts

14. Kato Lampo

The design of Kato Lampo is a bit similar to Madakaripura where it has no featured image. Kato Lampo also adopts a single-column layout on all of its sections. Including the hero section and post body section.

What sets it apart from Madakaripura is that it has no image at all (except for the post content). Not even in the related posts section.

Also, Kato Lampo comes with a reading progress bar, which will show up immediately once you scroll down the page. An email opt-in form is also available to make it easy for you to collect the email address of your readers.

Key Features of Kato Lampo:

• Reading progress bar
• Email opt-in form
• Related posts
• Social share buttons

15. Cilember

Cilember is a single post template that has a single-column layout like most single post templates above. At a glance, the design of this template is pretty similar to Sedudo where it has the featured image displayed in a landscape mode.

Also, the featured image is placed below the text content.

But unlike Sedudo, the text content on the hero section of Cilimber is not set to be in the center (align center). Instead, it is set to have left aligned.

Key Features of Cilember:

• Inline post meta and social share buttons
• Email opt-in form
• Separated post tags in a pill style
• Stylish related posts

16. Benang Stokel

Benang Stokel is completely different from other single post templates above. It is a single post template that has a sticky effect. You can find the sticky effect on the hero section.

The sticky effect is applied to the background of the hero section. As soon as you scroll the page, the background image on this section will be covered by the post content. The background itself is dynamic, pulled from the featured image of each post.

Other features that this template offers include post navigation, social share buttons and related posts.

Key Features of Benang Stokel:

• Sticky top section
• Single-column layout
• Social share buttons
• Related posts

17. Banyumala

Want to add a retro vibe to your single post template? You can use Banyumala, then. The retro vibe on this template comes from the brown background, which is applied to the entire area. Including the header and content body.

The font selection on the post body confirms the retro vibe on this template.

Banyumala itself is another single post template that has no featured image on the hero section but it does have ones (functioned as thumbnails) on the related posts section.

Key Features of Banyumala:

• Single-column layout
• Retro design
• Social share buttons
• Email opt-in form
• Related posts

18. Cikaso

You can download Cikaso if you are looking for a single post template in which the featured image is displayed in a portrait mode instead of landscape. On this template, the featured image is placed at the left column on the hero section.

The right column of the hero section is used to place the post title, post excerpt and post meta. The featured image on Cikaso is set to have a higher size than Guruh Gemurai despite the same orientation (portrait).

The content body section of this template has a single-column layout with the email opt-in form placed right after the content body.

Key Features of Cikaso:

• Featured image in portrait mode
• Social share buttons
• Email opt-in form
• Related posts

19. Sekumpul

Sekumpul is the template you can download if you prefer not to display the featured image on your single post template. To replace the featured image on the hero section, Sekumpul uses a large size on the post title.

The post title alone already takes a large portion of the hero section to make it (the hero section) doesn’t feel empty.

This template doesn’t have a post excerpt like most single templates in this list. But crucial elements like post meta and social share buttons are still available on the hero section.

Key Features of Sekumpul:

• Single-column layout
• Retro design
• Social share buttons
• Email opt-in form
• Related posts

20. Haratai

If you notice closely, all single post templates mentioned above have a sidebarless layout on the content body. That’s because they are designed to offer a distraction-free reading experience.

If you are looking for a single post template in which the content body section has a sidebar, you can download Haratai. On the sidebar, you will find the author bio, featured posts and email opt-in form which is displayed in a sticky style.

If you want it, you can add more elements to the sidebar. Like an ad banner, for instance.

On the bottom-right corner of your screen, you will find a reading progress indicator which also plays a role as the back-to-top button. This button is not visible until you scroll down the page.

Key Features of Haratai:

• Dual-column layout in content body
• Sticky email opt-in form
• Reading progress indicator
• Back-to-top button
• Post navigation
• Related posts

21. Tujuh Tingkat

To be honest, Tujuh Tingkat may not be the best option when it comes to performance because in this template, the featured image is displayed twice. First, it is displayed in a portrait mode next to the post title and post excerpt.

Second, the featured image is used as the background of the hero section.

But if you have a solid hosting service for your website, this design concept is not a problem. After all, this concept makes your single post, especially the hero section, look creative.

Key Features of Tujuh Tingkat:

• Dynamic featured image background
• Single-column layout
• Drop cap
• Social share buttons
• Email opt-in form
• Related posts

Hero Section Templates

22. X-Fest

If you want to create a website for a music festival and are looking for a hero section to start, X-Fest is a perfect template. This template comes with a rotating text feature aimed at showcasing the musician line-ups.

To strengthen the festival vibe, it uses video as the background. This template also comes with a super creative CTA button design, with a ticket icon.

When you hover your cursor over the button, the button icon and button text swap their position. This unique hover effect is created with custom CSS.

Key Features of X-Fest:

• Rotating text effect
• Creative button hover effect
• Video background

23. Sentry

Sentry is an Elementor hero section template designed specifically for travel websites but feel free to use it for other site types. This hero section template comes with a booking form built with the native Form widget of Elementor.

What makes this template unique is the header design (header section is also included in the template). It has a notch like MacBook Pro.

The template also offers two unique button hover effects, which you can find on the header and the form. In the background, this template uses a full-width slideshow.

Key Features of Sentry:

• Curved header created with custom CSS
• Custom button hover effect
• Slideshow background

24. Yelena

Want to create a portfolio website for a photographer? You can use Yelena as the hero section. It has a unique image gallery block. Instead of displaying the images in a grid style like most image galleries, the images are displayed in an inline style.

Each image also has a unique shape and is stacked between each other. When you hover your cursor over an image in the gallery, the image will go up a little from its original position making it look interactive.

This image gallery is created using Elementor native features. No add-on, no custom code.

Key Features of Yelena:

• Unique, creative image gallery
• Hover effect on client avatars
• Ready-to-use menu button

25. Quill

Quill is a great hero section template to create a portfolio website. It has a simple layout yet looks interactive enough thanks to the marquee text in the background.

Chances are you don’t realize that this template has a marquee text background until you notice it thoroughly because the text has a super soft color. Another main feature that this template offers is a slide button hover effect.

Key Features of Quill:

• Marquee text background
• Custom button hover effect
• Clean, responsive design

26. Ajak

Ajak is another template on this list that comes with a sticky effect. The sticky effect of this template is applied to the right column which hosts the main content (headline, description, and button).

When you scroll down your page, this column remains in its position while the left column behaves normally. This behavior is unique enough because it is rare to find a hero section with this type of layout and behavior.

Apart from this unique sticky effect, Ajak also offers a custom hover effect on the button and cards on the left column.

Key Features of Ajak:

• Sticky column
• Custom hover effect
• Unique button style

27. Domino

Domino is an Elementor hero section template that implements inverted border radius. You can find border radius on the header section as well as at the bottom-right corner, which is intended to become a shortcut to the main section on your website.

The template itself is great to sell physical products where it uses a full-width slider to showcase the featured products in your store.

Key Features of Domino:

• Inverted border radius
• Creative button style with a unique hover effect
• Unique slider

28. Ayo

Most website owners display client testimonials on the hero section to attract other potential clients because the hero section is the first part of the website that potential clients see when visiting your page.

If you want to display client testimonials on the hero section too, then you can use Ayo as your hero section. In this template, the client testimonials are displayed in a super creative way: using a vertical slider.

This vertical slider effect is created with a little JavaScript and CSS. You don’t need to install an Elementor add-on to make it work. The testimonial content (including the client image), are created using Elementor native widgets to make it easy for you to edit them.

Key Features of Ayo:

• Slide effect to showcase testimonials
• Glass effect
• Fully responsive design

29. Druig

Druig is another hero section template with an animation effect. On this template, the animation is a curved image slider, which is great to showcase your portfolio, users or clients. The animation is also created with a little JavaScript and CSS.

The template itself is designed specifically to create the websites of SaaS projects, especially the ones related to project management.

Of course, you can use it to create the websites of other businesses by replacing the content demo.

Key Features of Druig:

• Curved image slider
• Custom button icon

30. Human Torch

If you want to create a website for a creative agency studio, then you can use Human Torch as the hero section of your homepage. This template has an animation effect that represents the service you offer: creativity.

The animation effect takes place as you move your cursor around. A little portion of the image background will be revealed as you move your cursor in the hero section area.

Another creative feature you will find on this hero section template is the button icon that vibrates as you hover your cursor over the button.

Key Features of Human Torch:

• Background reveal hover effect
• Vibration button hover effect
• Clean, responsive design

Summary

Elementor allows you to create a page from scratch and from a pre-made template. For the latter option, Elementor provides several templates in which the numbers vary depending on your plan.

We have created some Elementor templates to speed up your design workflow. They are available in a JSON format so that you don’t need to install an extra plugin to import them. You can import them directly from the Elementor editor.

The templates above use at least one Elementor Pro widget so that you need to have Elementor Pro installed on your website before you can import them.