Block Patterns

On this page you will find block patterns that you can use on your WordPress website.

Copy the patterns by clicking the “Copy pattern” button, and paste the code into the block editor on your website. If the block pattern has images, you need to replace them with your own.

License: GPL v2 or later. You can copy, use, change and share these patterns.

Want to learn how to create patterns? See my introduction to block patterns.

Want more patterns? At wordpress.org/patterns you can now browse close to 70 patterns.

Nested columns

Page section

Example heading

Sample content. Replace the text with your own content.

Sample content. Replace the text with your own content.

Sample content. Replace the text with your own content.

Sample content
Replace the text with your own content.

Sample content
Replace the text with your own content.

View full size preview

Media & text with two images

Page section

This text was added to show how you can create designs using block patterns.

Replace the text with your own image description.

View full size preview

Media & Text with colored section

Page section

Replace the image & text with your own content.

Heading

Sample content. Replace the text with your own content.

View full size preview

Site footer with call to action, social links, contact information and latest posts

Site footer

View full size preview

Site footer with 3 columns, latest posts, call to action, social media links and copyright

Site footer

View full size preview

Section with circular images and buttons

Page section

Heading

Sample content. Replace the text with your own content.

Heading

Sample content. Replace the text with your own content.

Heading

Sample content. Replace the text with your own content.

View full size preview