> ## Documentation Index
> Fetch the complete documentation index at: https://docs.webstorio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How Webstorio works

> The mental model behind Webstorio — platform tools, website features, and how they fit together.

This section explains the concepts behind Webstorio so the [how-to guides](/guides/content-and-cms) make sense. Webstorio has two layers of capabilities:

| Layer                  | What it is                        | Where you use it                                 |
| ---------------------- | --------------------------------- | ------------------------------------------------ |
| **Webstorio features** | Platform tools in the dashboard   | Build, brand, and manage your project            |
| **Website features**   | Backend modules on your live site | Turn on per project; visitors interact via pages |

<CardGroup cols={2}>
  <Card title="Webstorio features" icon="layout-dashboard" href="/guides/webstorio-features">
    Website, branding, pages, visual editor, SEO, analytics, and hosting.
  </Card>

  <Card title="Website features" icon="globe" href="/guides/website-features">
    CMS, forms, store, auth, App Data, and roadmap modules.
  </Card>
</CardGroup>

## How the layers work together

<Frame caption="From your project down to every feature — pages, components, backend systems, and dashboard all stay connected.">
  <img src="https://mintcdn.com/webstorio/xNAHFEc3gtR92Rc-/images/webstorio-overview.png?fit=max&auto=format&n=xNAHFEc3gtR92Rc-&q=85&s=86da67834c2b29dffac0dce2dc30a843" alt="Webstorio platform overview: project, website, pages, components, backend systems, dashboard, and features" width="1536" height="1024" data-path="images/webstorio-overview.png" />
</Frame>

You design pages and branding with **Webstorio features**. You **enable website features** when your site needs CMS, forms, a store, or custom data.

## Plan limits (summary)

The **Free** plan suits simple one-pagers (link directory, invitation, landing page). **Starter** is enough to try and use core website features — forms, store, custom domain, and multiple pages. **Growth+** adds user auth, App Data, and higher limits.

| Resource           | Free | Starter | Growth    |
| ------------------ | ---- | ------- | --------- |
| Websites           | 1    | 2       | 5         |
| Pages              | 1    | 5       | 50        |
| AI credits / month | 5    | 20      | 100       |
| Content entries    | 5    | 1,000   | Unlimited |
| Forms              | —    | 5       | Unlimited |
| Products           | —    | 20      | Unlimited |
| App Data tables    | —    | —       | 10        |

Higher tiers (Pro, Enterprise) raise or remove caps. See [webstorio.com/pricing](https://webstorio.com/pricing).