# Why Widgetbook Cloud?

Widgetbook Cloud hosts a [build](/cloud/builds/overview) for every commit and turns the [scenarios](/testing/overview) you already wrote into automated checks on every pull request.

Widgetbook itself stays [open source](https://github.com/widgetbook/widgetbook) and free.
Cloud is optional.

<YouTube id="sjuPdgtYi0w" />

<Image theme="light" src="/assets/cloud/review.light.png" />
<Image theme="dark" src="/assets/cloud/review.dark.png" />

## What a Code Review Misses

A code review shows a diff of the source, not the rendered UI.
To judge a UI change, a reviewer has to check out the branch, run the app, navigate to the screen, and reproduce every state and configuration by hand.
Most reviewers skip that and review only the code.

|                 | Code review                             | Widgetbook Cloud                                                                                                    |
| --------------- | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| Compares        | Source between `base` and `head` commits | [Snapshots](/cloud/snapshots/overview) and [semantics trees](/cloud/accessibility/overview) between `base` and `head` builds |
| Setup per widget | None                                    | None, [scenarios](/testing/overview) are reused                                                                       |
| Sign-off        | Git provider                            | [Reviews](/cloud/reviews) reported back as a commit status                                                            |
| Reviewer needs  | The repo and a running app              | A browser                                                                                                             |

## What You Get

<CardGroup>
<Card title="Builds" icon="hammer" href="/cloud/builds/overview">
A hosted Widgetbook per commit, linked to your Git commit status.
</Card>

<Card title="Visual Tests" icon="images" href="/cloud/visual-tests/overview">
Every scenario diffed between the base and head build of a pull request.
</Card>

<Card title="Accessibility Tests" icon="universal-access" href="/cloud/accessibility/overview">
Semantics tree diffs and guideline violations, per scenario.
</Card>

<Card title="Reviews" icon="code-compare" href="/cloud/reviews">
Comments, approvals, and required reviewers that block a merge.
</Card>
</CardGroup>

## Get Started

<CardGroup>
<Card title="Quickstart" icon="rocket" href="/cloud/quickstart">
Run the full workflow on a demo repository.
</Card>

<Card title="Set up your project" icon="folder-plus" href="/cloud/projects/create">
Connect your own repository and upload the first build.
</Card>

<Card title="For designers" icon="pen-ruler" href="/cloud/for-designers/overview">
Review UI changes in the browser, without running Flutter.
</Card>
</CardGroup>

## Case Studies

### 1KOMMA5°

Cleantech company running 3 Flutter apps on a shared in-house design system.

- **0 visual bugs shipped** since adopting Widgetbook Cloud.
- **20% time saved** across designers and developers.

<Card
  icon="bolt"
  title="How 1KOMMA5º builds a custom design system and maintainable Flutter apps with Widgetbook"
  href="https://www.widgetbook.io/blog/1komma5%C2%BA-custom-flutter-design-system-with-widgetbook"
>
> Widgetbook provides us with a process to build and maintain our design system, prevent visual bugs, and align design and development.
>
> Anton Borries, Senior Software Engineer at 1KOMMA5º and Google Developer Expert for Flutter & Dart
</Card>

### Salto Systems

Smart access and IoT company serving over 40,000 clients in more than 40 countries, with seven production Flutter apps.

- **50% time saved** for developers.
- Every UI change surfaced in the merge request.

<Card
  icon="lock"
  title="How Salto prevents UI problems while saving 50% of their time with Widgetbook"
  href="https://www.widgetbook.io/blog/salto-widgetbook-case"
>
> Widgetbook saves us a lot of time and provides valuable insight into which changes are made with each merge request.
>
> Arthur Schenk, Mobile Team Lead at Salto
</Card>

## Videos

**Building UI in isolation**

<YouTube id="5cNUX7eDZWE" />

**Lotum** speeds up app development by building widgets in isolation.

<YouTube id="0xV-OzfY2zg" />

**1KOMMA5°** on an in-house design system used across 3 apps.

<YouTube id="4xWseFS5Z38" />

**LeanCode** on a design system template shared with every new client.

<YouTube id="rmQktvnyfPg" />

<Info>
[Get started for free](https://app.widgetbook.io/sign-up).
</Info>