Components

Actions

Forms

Navigation

Feedback

Surfaces

Content

const range = 386;

Icons

Charts

Patterns

Alkmaar ×12 results

Filter bar

Shows active filters with individual removal, reset, and a result count.

Filter conditions

Name contains "Drive"

Query builder

Builds nested filter conditions from fields, operators, and values.

Drive

Drive

Vehicle controls

Master detail

Links selection to a detail panel with a mobile back path.

Name

Property grid

Aligns editable labels, values, units, and hints in an inspector.

Film

Media player

Connects native audio or video to playback, seeking, captions, speed, volume, and full screen.

Image caption

Image viewer

Inspects an image collection with zoom, navigation, and a native dialog lightbox.

Message

Send

Message composer

Composes a compact growing draft with validated file previews, paste and drop, screenshot capture, and retained drafts on failure.

• Cover.pdf

File browser

Explores a supplied file hierarchy through folders, breadcrumbs, search, and list or grid views.

In progress

Review the proof

Kanban board

Moves and reorders cards across named columns with drag and keyboard alternatives.

Monday, 7 September

1. Review09:00–09:30

Scheduler

Plans events in agenda, week, or month views with date navigation and accessible rescheduling.

Subscribe

Inline form

Pairs one field with an embedded submit action. The button appears after validation.

1

Proposal

Scope, timeline, and fee on one page.

BriefFee+

+ Add a step

Workflow card

Frames an ordered pipeline. 1px dashed frame, chips, and a ghost add action. Reordering is supplied by SortableList.

Make the intro tighter.

Done. Two sentences, same claim.

Assistant panel

Frames an assistant exchange with a user message, reply, suggestion, and input row.

iOS

Navigation, forms, lists, and sheets for iOS interfaces. Explore the iOS interface

Android

Navigation, forms, lists, and sheets for Android interfaces. Explore the Android interface

AI

Conversations, responses, tool activity, and approvals. Explore AI components

Context usage · 25%

512 of 2,048 tokens

Context usage

A native disclosure of context occupancy, token categories and estimated costs from application-supplied rates or model catalogs.

ModelSwift · Example providerVision · Example provider

Model selector

Searches a supplied model catalog by name, provider and capabilities, with metadata and controlled selection.

Sources (1)

1. Project brief

Sources

A counted native disclosure of application-supplied references, descriptions and supporting quotes.

Read the brief[2]

Inline citation

A quiet inline source trigger opening a counted, keyboard-navigable preview with links, descriptions and quotes.

Open in chat

• Claude

Open in chat

Explicit provider links that encode a supplied prompt for ChatGPT, Claude, Cursor, Scira, T3 Chat and v0.

TerminalOutput complete

2 tests passed

Terminal

Renders streamed console output with incremental ANSI attributes and optional original colors.

TypeError

Draft must contain text

1 stack frame

1. sendPromptsrc/composer.tsx:42:5

Stack trace

Parses JavaScript error frames into function names, file locations and internal-frame labels.

Check generated moduleComplete

2 checks passed

Sandbox

Combines a tool-status disclosure with keyboard-accessible code and output tabs.

Preview loaded.

Web preview

Provides URL navigation, a sandboxed iframe and a collapsible console of supplied log messages.

3 findings are ready for review.

Jsx preview

Renders registered components and plain data expressions from streamed JSX through an optional parser.

• Project brief.txt

  text/plain · 342 bytes

Attachments

A responsive file list with image, audio, and video previews, file metadata, removal, and application-owned upload states.

Reading the brief

Shimmer

A monochrome moving highlight over progress text, with reduced-motion and forced-color fallbacks.

Review plan

1. Read the brief
2. Check owners

Plan

A collapsible proposed plan with streaming title treatment, actions, and supporting context.

Read sources

• Read launch-brief.md

Task

A default-open task disclosure with supplied item states and file references.

Review summary

1. Checked the supplied source

Thought steps

A collapsible sequence of work summaries, with step states, source badges, images, and captions.

Before editingRestore checkpoint

Checkpoint

A conversation marker with an async restore action, retry feedback, and stable cancellation.

Review the brief

Suggestions

A wrapping or horizontally scrollable collection of prompt buttons with subtle outlines and 4px corners.

Next steps, 0 of 1 complete

• Review the brief

Work queue

Collapsible prompt and todo sections with completion counts, attachments, and item actions.

Generated image

Displays a supplied generated-image result with alt text and responsive 4px corners.

Download conversation

Conversation export

Downloads a Markdown snapshot from explicit message text, attachments, and structured tool results.

MessageReview the brief

Save message

Response editor

A multiline message editor that preserves failed drafts and ignores cancelled saves.

Review brief

Summarize the supplied document.

Workflow canvas

An interactive graph with draggable nodes, connections, viewport controls, anchored panels, and node actions.

Give each decision a clear owner and a next step.

Response markdown

Renders streaming markdown, tables, code, math, and diagrams with Vlak typography and safe default links.

const ready = true;

Highlighted code

Monochrome syntax highlighting with lazy grammars, exact-source copy and download, and a scrollable code region.

Give each decision an owner and a next step.

‹1 / 2›

Response branch

Navigates saved response alternatives with stable identity, previous and next controls, and a readable position.

Spoken brief

The brief is ready for review.

Audio player

Native audio playback for remote files and generated speech, with composable controls, bounded skip seeking, volume, and recoverable errors.

MicrophoneSystem microphone

Selecting an input does not start recording.

Mic selector

Searches available microphone inputs with explicit permission activation, device-change updates, and recoverable selection states.

Start speech inputSpeech capture requires application code.

Speech input

Starts and stops native speech capture, with final text, optional interim results, and application transcription of recorded audio.

VoiceMina · EnglishNoor · Dutch

Voice selector

Searches application-supplied voice names and metadata, with controlled selection and optional audio preview playback.

1. 0:00The brief is ready for review.

Transcription

Displays timestamped speech segments, highlights playback time, and optionally seeks a player through accessible phrase controls.

Persona

Native monochrome waveform, fluid orb, and ring visuals with five conversational states, live intensity, and a custom renderer.

Code reviewer

Instructions

Review the supplied diff and cite relevant files.

Agent

Inspects an agent’s model, instructions, tool definitions and output schema in a 4px surface.

Review notes

Draft 1

Retain the original draft when sending fails.

Artifact

Frames generated content with header actions, an optional scroll region and a close request.

Retain failed drafts

a1b2c3dMina

1 changed file

• src/composer.tsx18 additions

Commit

Shows a commit message, full-hash copy, author and time, with expandable changed files.

Environment variables

MODEL_NAME

••••••••

Environment variables

Masks environment values by default, with deliberate reveal, value copy and quoted shell exports.

@example/review-ui

Current 1.2.0Proposed 1.3.0

Adds draft recovery.

Package info

Compares current and proposed package versions with change type and expandable dependencies.

POST/reviews

Request body

• diffstringRequired

Schema display

Displays an endpoint’s method, path, parameters and nested request and response schemas.

$pnpm add @noorddev/vlak-react

Snippet

Presents a compact selectable command with a decorative prefix and exact-value copy action.

Test results

1 passed1 failed2 of 2 complete

Open a suite to inspect its results.

Test results

Displays suites, derived pass/fail/skip totals, elapsed time and failure details with optional retries.

Project brief

Ask about the current draft

You: What needs to change?

Assistant: Name the owner and next step.

Chat

A subtle 1px outline with 4px corners, a named header, scrollable conversation, and a composer anchored below the history.

You: Summarize this document.

Assistant: The document has three sections.

Conversation

Keeps a scrollable message history at the latest response until the reader scrolls back.

Recent files

Connected drive

Project brief · Updated today

Supplied by the connected application

Widget

A surface with a subtle 1px outline and 4px corners for React content and provider iframes, with attribution, data states, actions, and supporting context.

Response actions

Selectable subtle 44px icon controls for copying, reading aloud, rating through a combined feedback menu, and sharing an assistant response.

Search documentsComplete

Output

Three matching documents

Tool call

Shows tool input, output, and execution state in a native disclosure with a subtle 1px outline, 4px corners, and a 44px summary.

Include the appendix?

Adds the supplied appendix to the proposed draft.

ConfirmReject

Awaiting your decision

Confirmation

Collects approval or rejection in a surface with a subtle 1px outline and 4px corners, with async recording, error recovery, and 44px actions.

Assistant

Complete

The lease renews on 1 October.

Response

Presents user messages in right-aligned soft bubbles and assistant responses on the left, with speaker identity, avatars, status, actions, and a custom layout API.

Work summaryComplete

Compared the renewal clause with the notice period.

Reasoning

A native disclosure for supplied work summaries, with a chevron and 44px control. Panels use a subtle 1px outline and 4px corners.

Health

Readings, daily routines, and care workflows. Building health software

Civic

Components for public services, identity records, tax summaries, benefits, and applications. Read the collection guide

Science

Components for measurements, physical quantities, microscopy acquisition, sequence inspection, experimental procedures, and spectra. Read the collection guide

Creative

Controls for professional audio, video, and design workspaces. Read the collection guide

Industrial

Controls for operator alarms and machining coordinate records. Read the collection guide

Geospatial

Controls for coordinate reference assignment, datum transformation selection and raster band configuration. Read the collection guide

Robotics

Controls for robot joint targets, recorded poses and mission plans. Read the collection guide

Circuitry

Controls for board pad inspection, design-rule results and assembly variants. Read the collection guide

Microbiology

Components for well plates, supplied colony annotations and culture observation records. Read the collection guide