BrowserCard

No group focus
800 x 520Wide
100%
Ready Local recovery enabled No selection

Workflow Center

Move through the existing BrowserCard tools as one connected authoring process.

ProjectReviewing the current project…
Recommended next step

Review the project workflow

BrowserCard will suggest the most useful existing workspace.

1

Create & organize

Cards, reusable components, assets, and visual structure.

Review
2

Behavior & navigation

Scripts, actions, application flow, animation, and simulation.

Review
3

Data & media

Collections, reports, databases, media, and localization.

Optional
4

Test & review

Interaction testing, accessibility, permissions, and project readiness.

Not checked
5

Release & handoff

Extensions, verified distribution, project history, and author handoff.

Not built
?

Learn in context

Search documentation, follow a lesson, or open keyboard help.

Available

The menubar remains the authoritative command surface. Workflow Center links to the same commands and ordinary editable BrowserCard objects; it does not create a parallel project system.

Interaction & Simulation

Lightweight drag, drop, collision, motion, input, timers, and state behavior for ordinary BrowserCard objects.

Object

Select an object to configure.

Drag, drop & snap
Collision & proximity

Collision and proximity messages include the other object's ID and name.

Motion & follow
Keyboard, touch & gamepad
State, score & variables

Use Set state, Adjust score / progress, and countdown actions without scripting, or handle the same events in BrowserCard Script.

Declarative Actions

Selected object

0 total actions
Quick add

Action sequence

Action settings

Select or add an action.

About BrowserCard

Browser-first visual application authoring.

BrowserCard 1.3.0

Release channel: Release Candidate (RC1)

Project schema 28 · BrowserCard Script 0.7 · XStack 3 · Extension SDK 2

A secure, local-first environment for creating interactive stacks, prototypes, data applications, presentations, and browser applications.

Edit Object Text

Selected object

Press Command/Ctrl+Enter to apply. In Author mode, double-click a button, field, label, or audio control to reopen this editor.

Cards and Backgrounds

Create, duplicate, reorder, rename, assign, and remove project structure.

Cards

Backgrounds

Used by 0 cards

Asset Library

Embedded assets travel with the portable project.

0 assets

Paint Editor

Paint asset

Timeline & Keyframes

Selected object

0 ms

Tracks show position, size, opacity, and rotation keyframes. Move or resize the object, set a time, then capture. Named sequences preserve reusable timeline variations.

Motion Path

Selected object

Move the object in Author mode and capture two or more points. Playback follows the captured positions in order.

Media Production

Non-destructive playback, caption, poster, preload, and marker settings.

Source

Select a media object.

Non-destructive timing

Captions / transcript

Media Markers

Selected media object

When playback crosses a marker, BrowserCard sends mediaMarker with the label and time.

Permissions

Choose which device and online features this project may use.

Privacy: Project features are available only when you allow them. You can change these choices at any time.

Install and Offline Use

BrowserCard can operate as an installable Progressive Web App when served through HTTPS or localhost.

Checking installation support...
Checking offline cache...
Checking browser storage...

This file works on its own. A hosted copy can also be installed for offline use.

Project History & Handoff

Create named restore points, compare revisions, discuss work, and prepare a portable author handoff.

Named snapshots

0

Select one snapshot to compare it with the current project, or two snapshots to compare them directly.

Comparison

Not compared
Choose a snapshot comparison.

Comments

Activity & handoff

0 open
The package will include the current verified XStack, comments, activity, and selected snapshots.

Recovery History

Restore, export, or remove automatic and manual project snapshots.

Deployment & Distribution Studio

Prepare verified project, player, and hosted web releases from one profile.

Project releaseRelease profile
3Targets
Blocking errors
Warnings

Release profile

Release targets

Last buildNot built
Bundle nameRelease.zip

Distribution details

Readiness

Not checked
Run Preflight to review release readiness.

Export

Preparing project deployment…

Project packageScripts and binary assets are stored as separate verified files.
Player exportA self-contained browse-only HTML application.
Web appA ready-to-host web version with offline support.

Accessibility Assistant

Find, understand, and correct accessibility barriers while authoring.

0Errors
0Warnings
0Advisories
Coverage

Findings

Not scanned
Run Scan to review the project.

Project Check

Review project health, browser support, accessibility, and export readiness.

Application

BrowserCard is ready.

Browser support

Checking browser support…

Project compatibility

No migration report yet.

Accessibility preferences

Export readiness

Run the project audit before deployment.

Project check results

Not run

Platform qualification

Not run

Exercises the current project and a temporary large-project fixture using the actual XStack, Player, and Web App builders. Your project content is not replaced.

Run Qualification on each target browser and device before release.

Arrange

Alignment, selection, grid, duplication, and view controls.

Align Selection

Distribute & Match

Select Objects

Grid & Keyboard

Duplicate & Paste

View Navigation

Hold Space or Alt and drag the workspace, or drag with the middle mouse button. Command/Ctrl-click cycles through overlapping objects.

Shortcuts: Command/Ctrl+Shift+D duplicates in place; Command/Ctrl+J repeats the last duplicate; Command/Ctrl+A selects the edit layer.

Languages

Translate visible object text and preview reading direction.

Translation table

Components

Reuse groups while keeping their structure, layout, appearance, and scripts.

Inserted instances are linked to a shared definition. Exposed properties and variants allow safe per-instance customization that survives definition updates.

Author Library

Search offline assets, prefabricated controls, card templates, starter kits, and your saved components.

Built-in items are self-contained and offline. Personal library items are stored in this browser and remain outside project files until inserted.

Component Definition

Configure exposed properties and variants.

Exposed properties

Variants

Data Application Studio

Build related, validated, searchable, permission-aware data applications without opaque controls.

Collections

0 of 0
Page 1 of 1

Fields

Bulk edit filtered records

Records

Field Settings

Configure lookup, computed, and conditional validation behavior.

Computed values are view-only. Numeric formulas begin with = and support field tokens, +, −, ×, ÷, and parentheses. Other formulas act as text templates.

Collection Relationships

Define parent-detail links and safe referential delete behavior.

Record Access & Audit

Preview record-level roles and review data changes stored with the project.

Role fields contain comma-separated role names. Blank values remain unrestricted. Author mode always retains editing access.

Audit history

Import Mapping

Map source columns to collection fields before importing.

Export Templates

Save reusable CSV or JSON field selections.

Fields

Dashboard Builder

Create an editable card containing query-backed metrics and chart graphics.

Generated labels and rectangles remain ordinary BrowserCard objects. Query metadata updates their displayed values in Browse mode.

Query Builder

Create reusable filters and sorted result sets without scripting.

Create or select a query.

Interaction Tests

Record and replay BrowserCard-level interactions and assertions.

Semantic steps

0 steps
No test run.

Application Flow Map

Explore cards, navigation paths, script references, tests, and project dependencies.

DeclarativeScriptTestedBroken

Report & Print Designer

Build query-driven printable reports using editable BrowserCard data and objects.

Form Builder

Generate an editable, data-bound application interface on the current card.

Source and layout

Generated controls are ordinary BrowserCard objects and remain fully editable.

Fields

Choose a collection and fields.

Scripting Guide

Commands, messages, objects, and examples.

Resumable host functions

put fetchText("https://example.com", 8000) into tText
put fetchJSON("https://example.com/data.json") into tData
put requestLocation(12000) into tLocation

The script waits for the result and then continues in the same handler. Failures can be handled with try/catch.

Files and clipboard

put chooseFile("text/*", 1048576) into tFile
put saveFile("notes.txt", tFile["text"], "text/plain") into tSaved
put copyText(tFile["text"]) into tCopied

File access always requires a user selection or confirmation. Read results include name, type, size, text, and data URL.

Camera and microphone

put capturePhoto(1280, 720, 30000) into tPhoto
put recordAudio(3000, 20000) into tRecording

Camera streams stop immediately after capture. Audio recording is limited to 30 seconds and returns embedded media data.

Project storage

put saveValue("highScore", 1200) into tSaved
put storedValue("highScore", 0) into tScore

Storage writes occur during suspended execution, so values can be read later in the same handler.

Secure libraries

put libraryNames() into tLibraries
put libraryInfo("browsercard.standard") into tInfo
put libraryCall("browsercard.standard", "hash", "BrowserCard") into tHash

Libraries offer a limited set of approved operations and cannot directly control the authoring interface.

Timeouts and cancellation

try
  put fetchText(tURL, 5000) into tText
catch tError
  put tError into field "Status"
end try

Abort cancels pending browser requests, media streams, recordings, and library calls. Most host functions accept a final timeout argument in milliseconds.

Script Modules

Share reusable handlers and functions across the project.

Select or add a module.

Recent Script Performance

Run project scripts to collect performance information.

Compatibility Report

No report has been run.

Extensions

Install, approve, test, recover, and manage trusted project extensions.

SDK 1 and SDK 2 workers remain isolated and never receive unrestricted DOM access.

Project Dependencies

0

Activity

No extension activity.

Extension Studio

Create, validate, and test a safe Extension SDK 2 starter kit.

Starter Kit

Requested capabilities
The exported kit is unsigned and cannot be installed until it is signed by an approved publisher.

Manifest Preview

Worker Preview

Local Databases

Portable tables stored with this project

Themes

Shared colors, type, spacing, borders, and control styles

Theme Preview

Typography and shared design tokens update themed controls.

Documentation & Learning Center

Search help, follow guided lessons, and add editable examples.

0 of 5 guided lessons completeRecommended topics reflect the current mode and selection.

Help

Authoring, scripting, saving, and sharing

BrowserCard Script Dictionary

Search commands, functions, messages, properties, objects, and language forms

Script Tutorials

Runnable examples for the current script owner

Script Templates & Snippets

Insert editable handler, control-flow, data, media, and interaction patterns.

BrowserCard Script IDE

Current object

Ln 1, Col 1No selectionObject script

Messages and Console

Messages will appear here.

Script Intelligence & Event Map

Search every script, inspect handlers, references, and declarative event actions.

Enter a search term or choose Event map.

Keyboard Shortcuts

Search commands and conventional authoring shortcuts