Skip to content

Protoyard

Build prototypes that feel real.

Real behavior. Fake infrastructure. Every prototype is an independent app with its own persistent browser database, scenarios, personas and simulated time.

Prototypes
15
Templates
27
Scenarios
81

Browse prototypes

Showing 1–15 of 15

  • Atlas Workspace Demo

    atlas-workspace-demo

    A fictional operations workspace that demonstrates every desktop and content layout, simulated access, guided onboarding, and a library analytics theme.

    #starter#dashboard#saas#admin
    Platform
    Responsive
    Scenarios
    4 scenarios
    Live demo
    Live demo
    Template
    from dashboard
    Status
    Ready
  • Beacon Help Desk

    helpdesk-demo

    A support desk generated from a blueprint: customers, tickets with SLAs and a status board, replies, attachments, audit history, notifications and CSV.

    #support#helpdesk#blueprint#generated
    Platform
    Responsive
    Scenarios
    4 scenarios
    Live demo
    Live demo
    Template
    from crud-app
    Status
    Ready
  • Cadence Studio

    cadence-studio-demo

    Class scheduling and customer bookings for a fictional neighborhood creative studio.

    #booking#calendar#classes#creative-studio
    Platform
    Responsive
    Scenarios
    4 scenarios
    Live demo
    Live demo
    Template
    from crud-app
    Status
    Ready
  • Harborlight Dispatch

    harbor-dispatch-demo

    Offline dispatch coordination for fictional harbor freight routes.

    #logistics#dispatch#freight#harbor
    Platform
    Responsive
    Scenarios
    4 scenarios
    Live demo
    Live demo
    Template
    from crud-app
    Status
    Ready
  • Keel Projects

    keel-projects-demo

    Keel Studio's project hub (fictional product studio): a board with swimlanes, sprint rituals on a calendar, a critical-path timeline, a 10,000-task grid with saved views, comments with mentions, a notifications center and a command palette.

    #projects#sprints#kanban#calendar
    Platform
    Responsive
    Scenarios
    5 scenarios
    Live demo
    Live demo
    Template
    from project-management
    Status
    Ready
  • Lattice

    lattice-saas-demo

    A fictional team planning workspace for project portfolios, delivery health, team collaboration, and simulated SaaS journeys.

    #productivity#saas#b2b#workspace
    Platform
    Responsive
    Scenarios
    8 scenarios
    Live demo
    Live demo
    Template
    from b2b-saas
    Status
    Ready
  • Lumen Bank (fictional)

    mobile-banking-demo

    A mobile-first banking app with fictional accounts, a transaction ledger, beneficiaries and atomic simulated transfers. Demo only β€” no real money, no real banks.

    #fintech#banking#mobile#ledger
    Platform
    Mobile
    Scenarios
    7 scenarios
    Live demo
    Live demo
    Template
    from mobile-app
    Status
    Ready
  • Northwind Help

    support-widget-demo

    Flagship support chat widget for a fictional outdoor-gear store: order lookup, returns, human handoff and offline mode on the widget-host shell. Demo only β€” no real orders or money.

    #support#chat#widget#orders
    Platform
    Responsive
    Scenarios
    5 scenarios
    Live demo
    Live demo
    Status
    Ready
  • Nova Assistant

    nova-assistant-demo

    A simulated AI flagship with voice, agent tools, an embeddable widget and 5,000-message history.

    #ai#assistant#agents#voice
    Platform
    Responsive
    Scenarios
    8 scenarios
    Live demo
    Live demo
    Template
    from ai-assistant
    Status
    Active
  • Pebblestat Analytics

    pebblestat-analytics-demo

    Fictional product analytics in the spirit of Mixpanel: projects, tracked events and users, saved reports, an editable dashboard, segments, metric alerts that fire as simulated time advances, and release annotations, with owner, analyst and viewer personas.

    #analytics#product-analytics#dashboard#charts
    Platform
    Responsive
    Scenarios
    6 scenarios
    Live demo
    Live demo
    Template
    from analytics
    Status
    Ready
  • Pipeline CRM

    crm-demo

    A lightweight sales CRM: companies, contacts, an editable deal pipeline and activity history β€” with owner, admin, sales-rep and viewer personas.

    #crm#sales#pipeline#dashboard
    Platform
    Responsive
    Scenarios
    9 scenarios
    Live demo
    Live demo
    Template
    from dashboard
    Status
    Ready
  • A living showcase of every @protoyard/ui component, patterns, forms and a theme lab with live tokens and contrast ratios.

    #design-system#components#themes#accessibility
    Platform
    Responsive
    Scenarios
    3 scenarios
    Live demo
    Live demo
    Status
    Ready
  • Pulse Revenue

    pulse-revenue-demo

    A fictional revenue intelligence workspace with trend-shaped transaction data, an analytics explorer and lazy dashboard charts.

    #analytics#revenue#saas
    Platform
    Responsive
    Scenarios
    4 scenarios
    Live demo
    Live demo
    Template
    from crud-app
    Status
    Ready
  • A team chat where people and scripted AI agents collaborate: conversations, streamed agent replies, unread badges, search, and failure states. No real AI API.

    #ai#chat#agents#messaging
    Platform
    Responsive
    Scenarios
    6 scenarios
    Live demo
    Live demo
    Template
    from chat
    Status
    Ready
  • Relay Chat

    relay-chat-demo

    Fictional company team chat with channels, threads, an AI teammate, slash commands and simulated huddles. Simulated AI only.

    #ai#chat#team#slack
    Platform
    Responsive
    Scenarios
    4 scenarios
    Live demo
    Live demo
    Template
    from team-chat
    Status
    Active

Templates

Starting points for new prototypes. They are copied, never edited in place.

Create prototype