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.

Patterns from the Flatsome library shown on our templates: heroes, product tabs, a feature bento, pricing tiers, testimonials and whole pages

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

15 patterns

Openers with photos, sliders, video and ratings.

Heroes patterns from the library

Products

11 patterns

Live product grids, tabs, hotspots and spotlights.

Products patterns from the library

Social proof

19 patterns

Reviews, testimonials, logos, press and stats.

Social proof patterns from the library

Features

11 patterns

Bentos, icon grids, tabs and comparisons.

Features patterns from the library

Pricing

8 patterns

Plan cards, billing toggles and comparison tables.

Pricing patterns from the library

Contact

9 patterns

Forms, locations, opening hours and contact cards.

Contact patterns from the library

Footers

6 patterns

From one tidy row to full store footers.

Footers patterns from the library

Promotions

6 patterns

Deals, sale banners, gift cards and loyalty.

Promotions patterns from the library

And 13 more

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

About 6
Blog 7
Call to Action 7
Careers 2
Collections 6
Content 9
FAQ 5
Gallery 3
Header 6
Newsletter 5
Portfolio 3
Team 3
Utility 6

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.

The Hero split with image pattern on the Malva template, with its fonts, colors and photos

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.

The Patterns tab in the Builder inserter with the Hero category open

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.

The Shop homepage pattern

Shop homepage

The SaaS landing page pattern

SaaS landing page

The Restaurant homepage pattern

Restaurant homepage

The Local business homepage pattern

Local business homepage

The Portfolio homepage pattern

Portfolio homepage

The About page pattern

About page

Every detail

Made to fit right in.

Patterns behave like everything else you build in Flatsome.

Two phones showing a hero and testimonial cards pattern

Ready for phones

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

Six icons with a 6 icons installed note

Icons come along

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

A pattern search for pricing with three results

Search by name

Find a pattern fast by searching titles and descriptions.

A placeholder image next to a real photo

Swap in your photos

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

The pattern categories list with counts

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.

Cosmetica demo site
Home and Furniture demo site
Eliosa demo site
Electra demo site

Build your next page from a pattern.

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

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