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

# Example Apps

> Applications showcasing Ditto's developer integrations for React, i18next, iOS, and Android

## How do the example apps work?

Each Ditto workspace starts off with a sample project (**DittoPay Signup Flow**) covering a simple sign up flow for a banking app, already set up with sample components, variants, variables, and sample usage.

**To quickly test drive Ditto’s developer integrations, developers can connect the sample project to a frontend using one of our example repos.**

This is helpful for understanding:

* How Ditto keeps text in sync from design to development (using our CLI)
* How components in Ditto work (and integrate with a project)
* How Ditto’s developer integrations work for React, iOS, or Android
* How to utilize Ditto variants, plurals, and variable interpolation

Because the example repos come pre-loaded with the sample components' corresponding developer IDs and a configured Ditto CLI, setup should take less than 10 minutes for a full end-to-end integration. 🎉

<Frame>
  <img src="https://mintcdn.com/ditto/WgRtoF9rLXWv6hNh/images/sample-proj.png?fit=max&auto=format&n=WgRtoF9rLXWv6hNh&q=85&s=176820751a83f310717f0887b3cb18d8" style={{ borderRadius: "0.1rem" }} width="1411" height="496" data-path="images/sample-proj.png" />
</Frame>

## Examples

To try out any of the example apps, follow the instructions on the specific repo's `README`.

<Card title="DittoPay: React Demo App" icon="react" href="https://github.com/dittowords/ditto-react-demo">
  `ditto-react-demo`
</Card>

<Card title="DittoPay: React i18next Demo App" icon="react" href="https://github.com/dittowords/ditto-react-demo/tree/react-i18next">
  `ditto-react-demo/react-i18next`
</Card>

<Card title="DittoPay: iOS Demo App" icon="apple" href="https://github.com/dittowords/ditto-ios-demo">
  `ditto-ios-demo`
</Card>

<Card title="DittoPay: Android Demo App" icon="android" href="https://github.com/dittowords/ditto-android-demo">
  `ditto-android-demo`
</Card>