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

# Example projects

> Run standalone e2e examples with Vite, Next.js, Astro, Angular, Expo, SwiftUI, Jetpack Compose, Kotlin Multiplatform, Flutter, and .NET MAUI.

Each example is a standalone greeting app with three locator tests and two
agent tests. One agent test gets a greeting for a name; the other checks the
empty-name error. Each installs the published e2e packages from npm.

## Pick an example

<CardGroup cols={2}>
  <Card title="Vite" icon="/images/examples/vite.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-vite" cta="View example" arrow>
    React with Vite, tested in Chromium.
  </Card>
  <Card title="Next.js" icon="/images/examples/nextjs.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-next" cta="View example" arrow>
    Next.js App Router, started by the runner and tested in Chromium.
  </Card>
  <Card title="Astro" icon="/images/examples/astro.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-astro" cta="View example" arrow>
    An Astro page with no UI framework, started by the runner and tested in Chromium.
  </Card>
  <Card title="Angular" icon="/images/examples/angular.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-angular" cta="View example" arrow>
    A standalone Angular component, started by the runner and tested in Chromium.
  </Card>
  <Card title="Expo" icon="/images/integrations/expo.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-expo" cta="View example" arrow>
    React Native with Expo, tested on web, iOS, and Android.
  </Card>
  <Card title="SwiftUI" icon="/images/examples/swiftui.png" href="https://github.com/tester-army/e2e/tree/main/examples/with-swiftui" cta="View example" arrow>
    A native iOS app, tested on an iPhone simulator.
  </Card>
  <Card title="Jetpack Compose" icon="/images/examples/jetpack-compose.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-compose" cta="View example" arrow>
    A native Android app, tested on an emulator.
  </Card>
  <Card title="Kotlin Multiplatform" icon="/images/examples/kotlin.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-kotlin-multiplatform" cta="View example" arrow>
    One Compose Multiplatform screen, tested on Android and iOS.
  </Card>
  <Card title="Flutter" icon="/images/examples/flutter.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-flutter" cta="View example" arrow>
    A Flutter app, tested on Android and iOS.
  </Card>
  <Card title=".NET MAUI" icon="/images/examples/dotnet.svg" href="https://github.com/tester-army/e2e/tree/main/examples/with-maui" cta="View example" arrow>
    A .NET MAUI app, tested on Android and iOS.
  </Card>
</CardGroup>

## Run an example

Follow the project's README to install, build, and run it. The config and
tests live beside the app, in an `e2e/` folder for the native, Flutter, and
.NET MAUI projects.

The locator tests need no model. The agent tests use Vercel AI Gateway and
skip unless `AI_GATEWAY_API_KEY` is set.

## Next

<CardGroup cols={2}>
  <Card title="Quickstart" icon="rocket" href="/quickstart">
    Add e2e to your own app.
  </Card>
  <Card title="Models" icon="brain" href="/models">
    Use a different provider, a subscription, or a local model.
  </Card>
</CardGroup>