Motion Blocks

Pick one of 366 designs made for restaurants, salons, clinics, trades and more. Change the colours, fonts and words yourself, or send us your details and we'll build it for you.

Browse 366 templatesHave us build it

From £149, or £1,250 done for you.

Templates

366 in the library

Templates for restaurants and cafés, pharmacies and clinics, salons and spas, law firms, estate agents, gyms, software companies, studios, course providers, builders and trades, hotels, accountants and laundries.

How it works

  1. 1

    Pick a design

    Browse 366 templates by trade. Each has ten pages: home, about, services and one per service, pricing, team, blog and articles, questions, and contact.

  2. 2

    Make it yours

    Set your colours, fonts and buttons, swap any section for one of 1024 others, and write your own words. Every change shows straight away.

  3. 3

    Check every page

    Look through each page on a desktop, tablet and phone. Share a link with your team and download full-page screenshots.

  4. 4

    Go live

    Publish it yourself, or we connect your domain and hosting and set up editing, so you can change prices, photos and posts later.

1024 sections, all interchangeable

Swap any part of a page for another layout. They all pick up your colours, fonts and words.

Open the section library

Try it on a real template

Pick a template and change the look. This is the engine the editor uses, so what you see here is what you get.

Template
Colours
Fonts
Buttons
Background

Live preview of Olive. Links are switched off here.

Browse by trade

Every design has its own layout. Hover over a preview to scroll through the site.

See all 366 templates

What every site comes with

Ten pages
Home, about, services and a page for each one, pricing, team, blog and articles, questions and contact.
Words that fit your trade
A restaurant gets a menu and “Reserve a table”. A salon gets treatments and “Book now”. A gym gets classes. Change any of it.
1024 sections to choose from
Price lists, booking, reviews, team, opening hours, galleries, contact forms and more, each in several layouts.
Your colours and fonts
Any colours, 26 font pairings, button shapes, corners, background patterns and how much things move.
An editor you can see
Click a section to change it, preview on phone and desktop, undo, and come back later. It saves as you go.
Content you can edit later
Prices, photos, team, posts and questions sit in a content editor (Sanity), apart from the design.
Works well on phones
Every layout is tested at phone and desktop sizes, works with a keyboard and respects reduced-motion settings.
Ready for search
Page titles, descriptions, headings and share images for every page and article.

Pricing

One price for your own site, or a monthly plan if you build sites for clients. Prices exclude VAT.

Do it yourself

£149one-off, per site

Pick a template, make it yours in the editor and publish it.

  • Any template, all ten pages
  • The full editor
  • Page reviews and screenshots
  • Content editing after launch
  • Template updates for life
Start with a template

Motion Blocks

Order: Done for you

  • Design of your choiceincl.
  • Your words and photos addedincl.
  • Your colours, logo and fontsincl.
  • Domain, hosting and SSLincl.
  • Search basics and analyticsincl.
  • Contact and booking formsincl.

Total, one-off£0

Care plan£49 a month

Updates, backups and small edits.

Live in about 5 working days

Have us build it

Agencies and developers

£199a month

Build sites for clients with the whole library, as code or in a white-label editor.

  • Every template and section as code
  • Next.js, Tailwind and Sanity starter
  • White-label editor
  • Unlimited client sites
  • Priority support
Talk to us

For developers and agencies

The same library the editor uses, as code you own. Build client sites in days instead of weeks.

1024 React sections
Typed components styled with Tailwind. Each one reads its copy, wording and links from the site, so it fits any trade.
A CMS that's already built
Sanity schemas with a field for every label, image and icon, a page builder with screenshots of every layout, and documents for offerings, posts, team and reviews.
One theme object
Colours, fonts, corners, buttons, patterns and motion live in a single theme. Change it and every page follows.
Your stack
Next.js 16, React 19, Tailwind CSS 4, Sanity and TypeScript. Host it anywhere.

components/site/sections/cta.tsx

// A section reads its copy, wording and links from the site,// so the same block works for a bakery or a law firm.function Banner({ s }: BlockProps) {  const t = copy(s, { title: "Ready when you are." });  const v = useVocab();  const link = useLink();  return (    <Sec s={s} tone="primary">      <Head title={t.title} subtitle={t.subtitle} />      <Btn href={link("contact")}>{v.cta}</Btn>    </Sec>  );}

Real files from the library. Switch tabs to see a section, its CMS schema and the theme.

Questions

Anything else, email hello@motionblocks.dev. We reply within one working day.

Start with a template now, or email us your business details and we'll send a quote for building it.

Browse templatesEmail hello@motionblocks.dev