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.

For businessesI want a websitePick a design and edit it yourself from $xxx, or we build it for $xxx.Browse 366 templatesFor developersI build websites1,024 animated React blocks, each with its Sanity schema. Code you own.See the code

Templates

366 in the library

366 templates.1,024 sections.

Every one is different. Watch the wall, or hover a picture to see what it is.

Browse them all
QuillSoftware · Soft & Considered
CalderStudio · Stark & Precise
HartwellRestaurant · Warm & Friendly
AshbyPharmacy · Trusted & Local
NorthcoteLaw firm · Calm & Editorial
SlateEstates · Clean & Crisp

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
Hartwell, home page

Hartwell

Warm & Friendly

CustomiseLive preview of Hartwell (opens in a new tab)
Primrose, home page

Primrose

Friendly & Open

CustomiseLive preview of Primrose (opens in a new tab)
Kensington, home page

Kensington

Modern Prestige

CustomiseLive preview of Kensington (opens in a new tab)
See all 19 restaurant 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 sales tax.

Prices in

Do it yourself

$xxxone-off, per site

Revealing soon

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
Join early access
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$xxx

Care plan$xx a month

Revealing soon

Updates, backups and small edits.

Live in about 5 working days

Have us build it

Agencies and developers

$xxxa month

Revealing soon

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

Early access

Checkout opens soon.

Be first in when it does: the launch price is held for the first 100 on the list. One email when it opens, nothing else.

Most interested in

We use your email only for this. See our privacy policy.

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.

Ready when you are

Start with a template now, take the blocks into your own builds, or tell us about your business and we'll send a quote for building it. Prefer email? hello@motionblocks.dev

Browse templatesGet a quote
templates
366
sections
1,024
industries
20
to start
$xxx
QuillSoftware · Soft & ConsideredCalderStudio · Stark & PreciseHartwellRestaurant · Warm & Friendly
Yours
next.Browse templates