Local Llama Land

About Local Llama Land

A public SPA playground designed for testing and demonstrating browser automation agents.

What is this site?

Local Llama Land is a purpose-built Next.js application that simulates realistic web patterns commonly found in modern SPAs. It serves as a controlled environment for testing browser agents without the unpredictability of real-world sites.

Why does it exist?

Testing browser automation on live websites is challenging: layouts change, content drifts, and bot defenses can interfere. This site provides a stable, deterministic environment where agents can be tested repeatably.

Every feature here is intentional — the delays, the state transitions, the dynamic content. This allows developers to verify their agents handle real-world patterns correctly.

Features for Testing

  • Delayed Hydration: UI components load after configurable delays (600-1500ms)
  • State Transitions: Buttons that start disabled and become enabled based on form validation
  • Late-loading Content: Profile cards and tables that appear after the initial page load
  • Dynamic DOM Updates: Dashboard with optional live mode that updates every 400ms
  • Multi-step Forms: Form flows with validation at each step
  • Realistic Login Flow: Username/password authentication with navigation

Demo Scenarios

Login + Profile

Navigate to login, fill credentials, wait for button to enable, sign in, then extract profile data from a late-loading card.

Dashboard KPI Extraction

Load the dashboard, wait for KPI cards to hydrate, extract values, then optionally enable live mode to test DOM churn resilience.

Multi-step Form

Complete a multi-step onboarding form with validation at each stage, proving correct state handling throughout.

DOM Churn Stress Test

Enable live updates on the dashboard to simulate rapidly changing DOM, then verify stable elements can still be extracted.

Technical Details

  • Built with Next.js 14 (App Router)
  • Styled with Tailwind CSS
  • No external API dependencies
  • Fully client-side state management
  • Configurable delay parameters

Try It Out

Explore the site to see how your browser agent handles modern SPA patterns.