Examples

Explore the apps

Each example opens on its own focused app page, runs from a prebuilt wasm artifact, and includes source files you can download, modify, and rebuild locally with Roc.

Featured example Conduit · RealWorld RealWorld (Conduit) demo: hash-routed feeds, sessions, profiles, markdown articles, comments, favorites, follows, and server-confirmed write paths.
Open application →
Onboarding Wizard A four-step signup flow with per-step validation, plan-dependent options, a saved draft, and an async submit. Availability Picker A weekly availability grid where one timezone signal converts every slot, with pairwise conflict detection over busy commitments. Field Notes Offline-first note capture with an outbox that drains on reconnect, per-note sync status, optimistic writes and rollback. Support Inbox A polled support inbox merging server truth with optimistic sends, where unread counts update without re-rendering the open thread. Dependency Scheduler Tasks with dependencies where a move cascades through downstream dates, slack is derived, and the critical path shifts as durations change. Recipe Scaler Scale recipes by servings or tin size with unit conversion, where one input fans out to dozens of derived quantities and no structural work. Query Builder A recursive AND/OR filter tree with nesting, negation, a generated query string, and a live match count. Design Token Editor Design tokens driving live previews, derived WCAG contrast validation, and a generated stylesheet in exact integer arithmetic. Package Explorer A routed registry explorer with three independently loading panels, latest-wins search, and requests cancelled by navigation. Loan Comparator Three loan scenarios with memoised amortisation schedules, a cheapest-option rollup, and a cross-scenario break-even point in exact fixed-point arithmetic. Data Grid A 1200-row sortable, filterable, editable grid that renders one page at a time while a summary row aggregates the full dataset. Pomodoro Tracker A focus timer with per-project totals and a daily rollup, deriving elapsed time from interval ticks and persisting to local storage. Form Builder A field designer beside a live preview that validates as you type, where tightening a rule in the designer invalidates preview input across two levels of signal graph. Status Page A public status page rolling four independent service checks into one derived status, with visibility-gated polling and an incident timeline. Flight Search A flight search where filters refetch and sort controls are a purely derived local view of the results already held. Kanban Board A four-column board with cross-column moves, within-column reorder, per-column WIP limits, and derived counts over keyed rows. Spreadsheet Lite An 8x12 formula grid with cell references, precedence, SUM ranges, error propagation, and cycle detection over fixed-point arithmetic. Split the Bill A trip expense splitter where balances and a minimal settlement plan are derived, never stored, with exact integer-cent arithmetic. Markdown Editor One markdown source string feeding four independently derived views: preview, outline, statistics, and reading time. Log Viewer A streaming log pane with level filters, text query highlighting, follow-tail, and derived visible-set counts.