20+ stunning block editor templates to create professional websites in minutes

Are you struggling to create a website because it takes too long or you don’t have much experience designing pages?

Why not try a readymade website template?

You can import a fully operational website in seconds and customize it to fit your brand or your style using simple controls.

No need to learn code, no need to build from scratch. It’s fast, easy and accessible to anyone.

What if we told you we’re building complete website demos with the WordPress block editor (Gutenberg) just like we did for Elementor and Beaver Builder?

Sound interesting?

In this blog, we’re going to make a list of 20+ top block editor templates which are highly customizable and completely free to use.

Starter Templates made with the WordPress block editor (Gutenberg)

To help make website building easier and faster, we’ve built ready-to-use website templates that can be imported and used as your own.

As many of you still know the WordPress block editor as Gutenberg, we’ll still refer to it throughout this post.

All these websites are created with 100% FREE resources such as Astra, the WordPress block editor and Spectra.

You can use them to build as many websites as you want!

21 best WordPress block editor/Gutenberg templates

Starter Templates offer 130+ professional block editor templates. We’re continuously working on them so expect more soon.

We’ll showcase the templates under the following categories.

• Business
• eCommerce
• Personal
• Blog
• Community

Let’s get started:

Business

Starter Templates offer different website templates for making different types of business websites.

Let’s discuss some new and creative business website templates.

1. Day Care Services

Day Care Services is a new addition to Starter Templates. It’s a free responsive block template that perfectly fits the children’s care services niche.

This template comes with a catchy header and footer area. The top navigation menu adds the essentials pages that help you navigate throughout the website.

The homepage has a beautiful two column banner section that is built with the Spectra Info Box block. It also has a dedicated program page where you can showcase and describe your services in detail.

2. Marketing Agency

If you want to create a website for your agency, check out the new Marketing Agency template. It’s a free template built with Spectra and WordPress blocks.

The dark sophisticated design makes the template different from other templates. Its homepage has five particular sections apart from the top navigation menu, hero area and footer. Right after the hero section, it has a service area that is designed using the modern CSS flex properties.

It also comes with other required pages like what we do, case studies, about us and contact.

3. Real Estate Consultant

Real Estate Consultant is a beautiful website template for building real estate business websites. It’s a free block-based template and can be fully customized to fit your brand perfectly.

It has a stunning landing page that comes with two different layouts, full and container. Both work well on desktop and mobile and provide a seamless user experience. The template includes essential service sections and page templates so you can create exactly the website you want.

4. Pharmaceutical Company

Do you want to run an online pharmaceutical business? Looking for a template you can create a website and establish your online presence? The Pharmaceutical Company template would be an ideal choice.

It’s a multipurpose template designed for those who want to start a pharmaceutical business or something similar. It’s a full-width website with different design layouts and add or remove sections and pages as you like. Additionally, consider using a business plan template to ensure a cohesive approach that aligns your website design with your business goals.

5. Deli Restaurant

If you want to create a restaurant website in a short time, check out Deli Restaurant. It comes with a navigation menu with a reservation CTA button. You can utilize the linear gradient background with a white text banner area for sharing a unique message for food lovers.

There is a grid layout section right after the banner area where you can showcase restaurant images and locations. The dark background with white text is the perfect combination for writing about the restaurant menus and grabbing customers’ attention.

6. Locksmith

Locksmith is a professional website template. It comes with a simple design and provides the necessary features that you need in a business website.

It’s a single-page template that has a top navigation bar and a menu in the header area. The service section is a three columns layout designed using CSS flex properties that ensure a better user experience for mobile users.

eCommerce

We’ve created many eCommerce website templates. All are highly customizable and can be used to make different websites.

Let’s check them out!

7. Language Tutors

The Language Tutors demo is perfectly suited for making online course related websites. The design starts with a handy menu and hero area with a matching background image that creates a learning vibe. It comes with a responsive grid layout that helps you showcase courses as you like.

The teacher page is ideal for sharing biographies of the team. You can share portfolios using a single card and include advanced filter options where users can find their required courses and instructors with ease. Additionally, for UI design projects, Adobe eCards can be astounding tools in providing visually stunning and interactive showcase portfolios and enhancing the overall user experience.

8. Skin Cleanser Store

Skin Cleanser Store is a good looking eCommerce store demo. The three-column navigation menu and full-width banner are examples of flawless design. The homepage has two different sections for showing new and most loved products

The demo has a grid layout gallery area for showcasing social media photos and displaying customer reviews. The default shop page design is very stunning and has a navigation system that helps costumes to find their particular beauty products.

9. Fashion Designer

If you want to start an online boutique, the Fashion Designer website template could be just what you’re looking for. You can use the top navigation bar for showing special discounts or sales and the dedicated full-width special offers section to highlight products.

The gallery-style product category section makes the demo more attractive and lets you categorize products and add them to the menu. The new arrival and collection page has different design layouts so you can showcase products the way you want.

10. Plant Shop

Want to turn your nursery into an online gardening store? The Plant Shop website template might be the right choice for your project. The outstanding green vibe makes it a perfect fit for creating an online plant shop.

It’s compatible with WooCommerce and popular WordPress themes like Astra. To make the design relevant, it uses a green background button color with white text. The single product page is very beautiful with a detailed description and review area that you can use for anything you like.

11. Brandstore

Brandstore is another stunning eCommerce template suitable for building a free online store. It looks and feels like a professional store and can be customized to fit any brand or product.

The default layout is ideal for building your landing page but can be fully customized however you like. It’s a very flexible layout that’s also fast, fully responsive and SEO-friendly.

12. Organic Store

Organic Store is one of the most popular eCommerce templates in this collection. The green leaf image is used throughout the template and conveys the message of fresh and organic food. If you sell something else, you can replace it in seconds with something from your niche.

The footer area of this demo stands out due to its dark background four-column layout that offers extra navigation and relevant store options. The simple contact page shares the necessary contact information and has a FAQs area that is designed with the Spectra FAQs block.

Personal

Choosing a template for a personal website is about finding a design that reflects your personality. Fortunately, we have a range of top class designs that could work perfectly!

13. Vlogger

If you’re passionate about vlogging or are a content creator, try Vlogger to make your projects stand out. It’s a one-page website template and has a modern design and all the essential features that you need to build this type of personal website.

The banner area has a large background image and the name of the vlogger including a video play button that surely engages viewers. The about me area is well-equipped with personal and professional information including a relaxing effect that helps you stand out.

14. Personal Portfolio

The Personal Portfolio template helps you to create a personal or business website in minutes. It’s a multi-page demo website with most relevant pages you’ll need already created.

The homepage is very organized and has particular sections for about, service, portfolio, experience and client notes. It’s a block editor template so you can add new blocks or remove the existing blocks to make it better fit your brand.

15. Love Nature

Love Nature is a multipurpose website template that can be also used to create personal websites or anything you like. It has been downloaded over 18,000 times and holds its position as our most downloaded template.

The demo is clean but equipped with essential features. Each page comes with a full-width banner section. The services page has space for displaying services in a single-column layout. The contact page has its own beauty with an attractive contact form ready to be used.

Blog

We’ve created several professional blog website templates that cover different niches. Don’t forget, you can customize them in any way you like in seconds!

16. Creative Blog

If you want to build a blog website where you can write about different topics, Creative Blog might be ideal for your project. The homepage has sections for showing blog categories and a premade area for displaying the latest podcasts.

You can change the default layout and use multiple columns or grid layouts for showcasing your articles. The contact page comes with a two-column section where you can add company information and use the existing form. There’s everything here you’re likely to need.

17. Child Care Blog

Child Care Blog is a great addition to our template library. If you’re a childcare expert or have the passion to work with children and require a website, this website template could be perfect.

It comes with a stunning backgrounded banner area with an easy-to-use navigation menu in its top position. The featured articles area is designed with the Spectra Container block and can be customized to suit your needs like everything you see in this design.

18. Fashion Lifestyle

Fashion Lifestyle is one of the prettiest templates in this list. It’s ideal for fashion bloggers who want to write about modern lifestyles or anyone attracted to the feminine theme.

Throughout the demo, you see the pink-colored background and smooth scrolling effect to make readers feel comfortable. The single column testimonial area is made with the Spectra Testimonials block and works particularly well we think!

Community

If you’re contributing to the community and require a website, you can try our following ready website templates.

19. School

The School template is a great example for websites for schools, universities, colleges, coaching centers and other educational institutions. The demo has a blue text counter feature that’s built with the Spectra Counter block you could use for upcoming events.

You have a dedicated academics page for displaying curriculums or subjects and there’s a beautiful about page where you can share important information, the place, the people and your mission.

20. Wedding Invitation

Wedding Invitation is a fantastic choice for wedding or save the date websites. It offers different backgrounds with simple scrolling effects, lots of whitespace and the core content areas you need to communicate with the visitor.

For sharing your love story, we’ve created a dedicated section with attractive visuals. We also used the Spectra Masonry Gallery extension to design the image gallery for showcasing event photos.

21. Charity

If you serve the community and want to build a nonprofit website, try the Charity website template. This demo is well designed and has all the recommended pages and features of the ideal charity website to get you started.

The template has a special section for donations. The what we do page comes with multiple layouts where you can display charity and other social welfare programs. Most nonprofit websites have a page for their supporting partners and this template comes with one too

How to import block editor templates

Want to use one of these readymade templates? Follow a few easy steps and you’ll be up and running in no time!

You’ll need the Astra theme activated on your website for this to work so we’ll assume you have it already.

Install and activate the Starter Templates plugin that is available for free on the WordPress repository if you don’t already have it.

Navigate to Appearance> Starter Templates.

Select the Build Your Website Now button. Hit the button to start building your website.

Select the block editor as your page builder.

The following page will show you all the website templates that are built with the block editor. Use the search field or utilize the categories to find a particular template.

Select a template from the list.

We’ve chosen a template called Day Care Services for this example.

It’s a good fit template for those who want to create a service related website.

You can upload your website logo and set its width. You can add or change it later if you prefer.

Hit the Continue button when you’re ready.

You can also change the default color and fonts of your website.

Click the Continue button when you’re ready.

Hit the Continue button once again when you’re ready to import.

Now press the Submit & Build My Website button.

If you would like to subscribe to our newsletter to get free resources and product updates, fill out the form first.

The system will import the template and other required resources, which may take a minute or two.

Once you see the congratulations message, the import process is complete.

Hit the blue View Your Website button to check out your new website.

If you followed this guide, you website should look a little something like this:

Some common questions around block editor templates

Here are a few queries many of you might have around the subject of block editor templates. 🙂

Wrapping Up

Starter Templates provides over 130+ block editor website templates for creating blazing fast websites in minutes.

In the article, we’ve shown examples of how to import a premade template from the Starter Templates library to create an instant website. We’ve also listed 21 latest and most downloaded block editor (Gutenberg) templates to provide inspiration.

Do you like these templates? Which templates would you like to use to design your website?

Share your thoughts with us!