OSS-first docs

These docs teach the open system first: contracts, generated surfaces, runtimes, governance, and incremental adoption. Studio shows up as the operating layer on top, not as the source of truth.

Meetup-ready example

Data Grid Showcase

Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.

Reference implementation for the full ContractSpec data-table stack, from DataView contracts to web/native primitives and the design-system wrapper.

Open sandbox Generated reference

Sandbox preview

Load the same public browser surface used for the prepared live demo.

Open preview

Reference docs

Inspect the generated contract-facing material instead of relying on marketing summaries.

Open reference

Package context

Use the agent-facing package page for fast repo orientation, then jump to the source directory.

@contractspec/example.data-grid-showcase

LLMS page GitHub source

Talk commands

Exact local commands for the meetup lane

Build the example package, then launch the web shell and open the prepared docs or sandbox route.

data-grid-showcase-meetup-runbook

bun run --cwd packages/examples/data-grid-showcase build
bun run --cwd packages/apps/web-landing dev

# Open in the browser
# http://localhost:3000/docs/examples/data-grid-showcase
# http://localhost:3000/sandbox?template=data-grid-showcase

For the full fallback order and safe live-edit workflow, use the meetup runbook.

Live example

Embedded canonical table demo

This page embeds the same example package used in the sandbox and marketing preview surfaces. Use it here when you want the docs context and the interactive table in one place.

Open system docs