---
title: Pattern library
url: "https://flatsome.com/pattern-library"
lastUpdated: 2026-10-14
---

Pattern library

# Ready-made sections, in your style.

Over 150 sections and 18 whole pages: heroes, product grids, pricing tables, footers and more. Add a pattern from the Builder and it takes on your fonts, colors and spacing.

[Join early access](https://flatsome.com/pricing.md)

[See what's inside](#library)

Inside the library

## A section for every part of the page.

Over 150 patterns in 22 categories, shown here as they arrive. Your fonts and colors do the rest.

Heroes

Openers with photos, sliders, video and ratings.

Products

Live product grids, tabs, hotspots and spotlights.

Social proof

Reviews, testimonials, logos, press and stats.

Features

Bentos, icon grids, tabs and comparisons.

Pricing

Plan cards, billing toggles and comparison tables.

Contact

Forms, locations, opening hours and contact cards.

Footers

From one tidy row to full store footers.

Promotions

Deals, sale banners, gift cards and loyalty.

And 13 more

From about pages and FAQs to team, careers and utility pages.

Your Global Styles

## Already in your style.

Every pattern is built from Global Styles, so it arrives with your fonts, colors, buttons and spacing from the first click. Here is the same hero in five different styles. Pick one to see it change, and when you change your own styles later, every pattern you added follows.

Site Builder

## Right where you build.

Open the inserter and switch to Patterns. Pick a category or search, then click a pattern to add it to your page. It arrives as regular Flatsome blocks, so you change the text, images and layout like anything else you build.

[See how the Builder works](https://flatsome.com/site-builder.md)

Page starters

## Whole pages, ready to fill in.

18 page layouts, from shop and restaurant homepages to pricing, careers and contact pages. Add one to an empty page and replace the content with yours.

Shop homepage

SaaS landing page

Restaurant homepage

Local business homepage

Portfolio homepage

About page

Every detail

## Made to fit right in.

Patterns behave like everything else you build in Flatsome.

Ready for phones

Patterns come with phone and tablet values, so columns stack and type scales down on small screens.

Icons come along

The icons a pattern uses are downloaded to your site when you add it.

Search by name

Find a pattern fast by searching titles and descriptions.

Swap in your photos

Placeholder images take on your colors until you replace them with your own.

New patterns, no update

The library loads from patterns.flatsome.com, so new patterns appear in the Builder without updating Flatsome.

## Everything a pattern is made of.

Patterns use the same blocks and styles as the rest of Flatsome.

Templates

Start from a ready-made website and make it yours.

Flatsome Blocks

Over 100 responsive blocks for every section.

Global Styles

Colors, fonts and spacing that every block follows.

Site Builder

Pages, headers, footers and templates on one live canvas.

Headers and menus

Custom headers and accessible mega menus.

WooCommerce

Product pages, shop layouts, cart and checkout.

Sliders and banners

Campaign banners and slides for every launch.

Flatsome MCP

Let your own AI agent build and edit with you.

## Build your next page from a pattern.

Join early access and add ready-made sections to any page, styled to match your site.

[Join early access](https://flatsome.com/pricing.md)

[Browse Templates](https://flatsome.com/templates.md)

Classic customers go first. 50% off your first year until November 2.
