---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model"
locale: en
meta:
  "og:title": "Academy Article"
---

[Go to home](https://academy.laioutr.com/en)

- [Storefront features](https://academy.laioutr.com/en/bereiche/storefront-features)

- [Growth Kits and add-ons](https://academy.laioutr.com/en/leitfaeden/growth-kits-and-add-ons)

- [Growth Kits: building blocks for each business model](https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model)

# Growth Kits: building blocks for each business model

Growth Kits are packages of Sections, Blocks, page templates and features for one business model: Shop, Content, Booking, Marketplace, Retail and Multichannel, SaaS, Publisher and Lists. Teams combine several kits in one project and find the building blocks in the Section library in Studio.

## Before you start

<dl>

<dt>Plan</dt>
<dd>Laioutr Commerce with Laioutr UI, or Laioutr Sites with the respective Growth Kit</dd>

<dt>Role</dt>
<dd>Editor for Studio</dd>

<dt>Duration</dt>
<dd>5 min</dd></dl>

Last reviewed on October 15, 2026

Laioutr UI provides the components for storefronts. Growth Kits group these components by business model into clear packages, so a team finds exactly the building blocks it needs.

- **Shop:** the basics of every online shop, with product cards, sliders, lists, filters and the product detail page.
- **Content:** content Sections for websites without a shop, such as hero, teasers, blog, testimonials and newsletter.
- **Booking:** availability, slot selection, rescheduling and booking overview.
- **Marketplace:** vendor profiles, discovery navigation and listings for many sellers.
- **Retail and Multichannel:** connects the online shop with physical stores, including store locator and market-aware merchandising.
- **SaaS:** pricing pages with plan cards and feature comparison.
- **Publisher:** short formats such as feeds and reels for media companies and content-led retailers.
- **Lists:** building blocks for listing pages with sorting and filters.

All kits share the same design tokens, are built for accessibility and include structured data. Kits can be combined freely. An industry Blueprint assembles one or more kits into a ready start site.

## Step by step

1. 1 ### Step 1: Choose the right kits

   Decide which kits the project needs based on the business model, for example Shop plus Retail and Multichannel for a retailer with stores.
2. 2 ### Step 2: Find the building blocks in Studio

   Open the Section library in Studio and filter by Growth Kit. The kit Sections appear together.
3. 3 ### Step 3: Build and adapt the page

   Place Sections on the page, fill them with content or shop data and adjust the look through the design tokens.

## Frequently asked questions

Can several Growth Kits be used in one project?

Yes. Kits can be combined and share the same design tokens. A shop with stores, for example, uses Shop together with Retail and Multichannel.

What is the difference between a Growth Kit and a Blueprint?

A Growth Kit is a set of building blocks. A Blueprint is a pre-composed start site built from these blocks, which the team develops further in Studio.

Does a Growth Kit change the design of existing pages?

No. A kit only adds new building blocks. The look of all blocks follows the project design tokens.

Can custom Sections be added?

Yes. Developers define their own Sections and Blocks in an app. They appear in Studio next to the Growth Kit building blocks.

## Related

- [Find sections: library, Growth Kits, tags and search](https://academy.laioutr.com/en/artikel/find-sections-library-growth-kits-tags-search)4 min

  The add-section dialog groups all installed sections by package, filters by Growth Kit and tags, and offers a search so the right section is found quickly.
- [Start a project from a Blueprint](https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint)5 min

  When creating a project, a Blueprint is chosen, a pre-composed starter site matching industry and business model, whose pages are then adapted in Studio.
- [Understanding design tokens and themes](https://academy.laioutr.com/en/artikel/understanding-design-tokens-and-themes)6 min

  Design tokens are named variables for colours, fonts, spacing, radii and effects that every Laioutr UI component is built on. A theme assigns concrete values to these tokens and changes the look of the whole storefront without touching any component.

## [Growth Kits and add-ons](https://academy.laioutr.com/en/leitfaeden/growth-kits-and-add-ons)

Search this guide

1. [Growth Kits: building blocks for each business model](https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model)5 min

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Storefront features",
          "item": "https://academy.laioutr.com/en/bereiche/storefront-features",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Growth Kits and add-ons",
          "item": "https://academy.laioutr.com/en/leitfaeden/growth-kits-and-add-ons",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Growth Kits: building blocks for each business model",
          "item": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/1",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Can several Growth Kits be used in one project?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Yes. Kits can be combined and share the same design tokens. A shop with stores, for example, uses Shop together with Retail and Multichannel.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/2",
      "@type": "Question",
      "inLanguage": "en",
      "name": "What is the difference between a Growth Kit and a Blueprint?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>A Growth Kit is a set of building blocks. A Blueprint is a pre-composed start site built from these blocks, which the team develops further in Studio.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/3",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Does a Growth Kit change the design of existing pages?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>No. A kit only adds new building blocks. The look of all blocks follows the project design tokens.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model#/schema/question/4",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Can custom Sections be added?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Yes. Developers define their own Sections and Blocks in an app. They appear in Studio next to the Growth Kit building blocks.</p>"
      }
    }
  ]
}
```