Vlak

List bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.

Return one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilities described by the manifest.

Every component in the catalogue with name, title, description, category, and aliases. Filter by category: actions, forms, navigation, feedback, surfaces, content, icons, charts, patterns, ios, androi…

The markdown docs page for a component (install paths, example, props tables, keyboard, accessibility), plus its props as JSON, the CSS-only snippet, the React example, its classes, and aliases. Pass …

Find components by name, title, description, alias (AI Elements, shadcn/ui, Radix, and common names such as PromptInput, Chain of thought, Sonner, Drawer, Combobox), or rs-* class. Spacing, punctuatio…

The design tokens page: every CSS custom property with its light and dark value and StyleX alias, plus the raw token groups (type scale, grid, radius, motion, breakpoints, control sizes).

The three ways to install one component (npm package plus import line, Vlak CLI, shadcn CLI) and the CSS-only markup, with its registry dependencies.

Read the general guide first for installation and conventions. Select ios or android for browser React components, exact exports and related interface studies; select ai-index for the AI component cat…

Install, theming, layers, StyleX, CLI, registry, conventions

Health components, composition guidance, and data and action contracts

Browser React components, exact exports, integration boundaries and related iPhone study

Browser React components, exact exports, integration boundaries and related Android study

AI components, companion primitives, optional imports and install dependencies

Functional mappings, optional engines, deliberate differences and application responsibilities

Markdown, JSON, CLI, registry and MCP discovery paths

AI interfaces components, composition guidance, and data and action contracts

Civic components, composition guidance, and data and action contracts

Science components, composition guidance, and data and action contracts

Creative tools components, composition guidance, and data and action contracts

Industrial components, composition guidance, and data and action contracts

Geospatial components, composition guidance, and data and action contracts

Robotics components, composition guidance, and data and action contracts

Circuitry components, composition guidance, and data and action contracts

Microbiology components, composition guidance, and data and action contracts

Every custom property, light and dark, with StyleX aliases

Compact or large-title navigation with circular actions and an optional vertical rail.

Floating peer tabs with icon labels, roving focus and horizontal or vertical placement.

A 48px search capsule with a native input and a separate clear action.

A native checkbox with a 64px pill track, translating thumb and a 44px hit height.

Inset list groups with labels, descriptions, leading symbols and independent trailing controls.

A pill-shaped single choice with a full selected fill, radio semantics and arrow-key selection.

A native range input with a quiet track, pill thumb and synchronized stepped values.

A native modal bottom sheet with a centered title, grabber and deliberate entrance.

A Material app bar with a title, navigation action and trailing actions in Vlak tones.

Material destination indicators for a bottom navigation bar or vertical rail.

A rounded Material search field with a leading icon and a clear action.

A Material switch with a 52-by-32 track and an expanding thumb, built on a native checkbox.

Segmented Material list rows with leading content, supporting text and independent trailing controls.

A Material filter chip with a filled selection state and a checkmark.

A Material floating action button with an optional extended text label.

A native modal bottom sheet with Material geometry, accessible naming and focus restoration.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

Aligns semantic labels and values in a responsive description list.

Displays a numeric reading with tabular figures and aligned units.

Lists timestamped events with actors and optional expandable details.

Shows source text with optional line numbers, wrapping, and copy feedback.

Inspects structured data with bounded nested disclosures and path search.

Compares text revisions in unified or split rows with explicit change labels.

Summarizes invalid fields and moves focus to their inputs.

Keeps persistent notifications with read, unread, action, and dismissal state.

Tracks long-running work with phases, honest progress, cancellation, and retry.

Communicates connecting, connected, offline, and reconnecting states.

Navigates a hierarchy with expansion, single selection, and roving focus.

Groups actions behind one Tab stop with arrow-key navigation.

Presents mobile destinations with current state and safe-area spacing.

Keeps priority actions visible and moves excess actions into a menu.

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

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

Reorders items with drag handles, move buttons, and keyboard shortcuts.

Windows large fixed-height collections while preserving focused rows.

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

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

Edits a numeric value with native validation, units, and bounded 44px increase and decrease actions.

Sets an ordered numeric interval with two named native range controls and visible endpoint values.

Selects multiple predefined options from a searchable native disclosure with named checkboxes.

Creates and removes freeform text tokens with paste splitting, duplicate prevention, and validation.

Collects start and end dates with two native date editors, shared constraints, and 44px controls.

Edits a time using the platform's localized time control with native bounds and second-based steps.

Collects validated files through browse or drop, with optional upload progress, cancellation, and retry.

Assigns options between available and selected lists using native checkboxes and explicit move actions.

Switches a text value into an editor with explicit save and cancel, validation, and optional async persistence.

Collects a discrete numeric score with 44px native radio choices and an optional clear action.

Groups named play, pause, previous, next, and stop controls with 44px targets.

Seeks through media in seconds with elapsed time, buffering, chapters, and optional previews.

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

Displays supplied audio amplitudes with optional seeking and editable selection bounds.

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

Adjusts bounded zoom and exposes fit and reset actions for a canvas.

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

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

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

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

A supplied health reading, unit, time and source with explicit pending, unavailable and stale states.

Positions a supplied numeric reading against caller-supplied reference bounds, with a complete text equivalent.

A named collection of supplied laboratory results with units, reference intervals, report times and amendment notes.

A chronological record of supplied symptoms and intensity descriptions, with notes and 44px native detail disclosures.

Collects one supplied text answer with native radio controls, 44px targets, and an explicit unanswered state.

Shows dated complete, missed, skipped, and unrecorded states, with controlled completion actions and a responsive week view.

Displays supplied sleep, wake, and unknown intervals with explicit time labels, monochrome segments, and a complete text record.

Shows a supplied activity amount and target with native progress, visible units, and distinct missing-data states.

Shows one to six personal goals as concentric rings with a staggered entrance, gentle rotating encouragement, named progress and explicit missing-data states.

Keeps a supplied patient identity, identifiers, and recorded context together in a responsive band.

Lists supplied medication, dose, time, and recorded status with controlled 44px recording actions.

Groups supplied appointment time, timezone, clinician, location, and status with an optional action slot.

Lists supplied care tasks, owners, due labels, and statuses with controlled completion requests.

Displays a supplied credential, masked identifier, issuer, dates, and verification status without exposing a raw identifier.

Separates supplied assessment line items from authoritative totals in a semantic two-column table.

Keeps programme availability, supplied eligibility, award terms, and criterion assessments separate.

Shows a supplied case reference, status, update time, milestones, and next step without estimating progress.

Lists evidence requirements, file records, and supplied verification status with controlled 44px action buttons.

A supplied scientific reading with units, symmetric uncertainty, optional scientific notation and explicit availability.

A 44px Vlak numeric input and styled unit selector with controlled quantity values, form submission and reset support.

A labelled laboratory plate with supplied well states, 44px selection controls and keyboard navigation across up to 1536 wells.

Supplied experiment metadata, conditions and ordered protocol steps with explicit statuses and controlled recording actions.

A supplied numeric spectrum with labelled axes, caller-provided peak annotations and a complete paginated data table.

Shows supplied channel levels and peaks in decibels, with bounded native meters and explicit missing readings.

Edits channel gain, pan, mute, and solo with native sliders and 44px toggle actions wired to caller-owned state.

Displays a rotary parameter over a native horizontal range input, with named values, units, and a 64px control.

Edits hours, minutes, seconds, and frames with native form validation for a supplied integer non-drop frame rate.

Positions supplied clips within a declared duration, with contained horizontal scrolling, accessible selection, and optional seeking.

Displays supplied export jobs, progress, and status with explicit cancel and retry callbacks for a connected renderer.

Manages supplied layer selection, visibility, locking, and order through named 44px controls and caller-owned changes.

Edits a six-digit hex color and alpha with a data-driven preview, a transparency ground, and native form validation.

Edits top, right, bottom, and left spacing with linked or independent native number fields and explicit units.

Two or three numeric coordinate axes with supplied units and a reference selector that preserves entered values when assigning a reference.

A Vlak transformation selector with source and destination references, supplied accuracy and area, and visible support-grid availability.

A raster configuration editor with source-band mapping, single or three-channel modes, supplied stretch bounds and explicit missing-data metadata.

Reviews supplied named stage positions with an explicit coordinate frame, per-axis units, inclusion state and controlled selection, reorder and removal requests.

Navigates supplied depth, time, channel and stage-position axes while preserving exact physical readings and indexed positions.

Edits supplied capture steps, exact exposure, time, depth and channel values, and distinguishes requested actions from recorded run state.

Displays a bounded window of already aligned reference and read strings, with supplied genomic positions, gaps and keyboard region selection.

Shows supplied per-locus depth, base and strand counts with an exact position selector, bounded plot and complete depth table.

Collects a reference, contig and validated integer interval with an explicit one-based inclusive coordinate convention and native form submission.

Connects supplied source and destination ports through a keyboard-navigable matrix, with signal types, channel groups, and blocked-route reasons.

Edits supplied glyph-pair offsets in font units, with baseline and edited previews, bounded keyboard nudging, and one-step undo.

Edits independent population, bill-of-materials, and placement flags per reference and assembly variant, preserving unspecified choices.

Industrial alarm records with independent condition, acknowledgement and shelving states, explicit filters and host-confirmed actions.

Reported machine and work coordinates alongside editable draft offsets, explicit axis units and a host-owned apply request.

Pairs host-reported joint positions with independent draft targets, supplied units and limits, and an explicit request action.

Displays exact Cartesian translation and explicitly named orientation components for a selected supplied pose, with frame, time, and recorded status.

Shows supplied mission order and recorded step states, with keyboard reorder requests and explicit host actions separate from pending and confirmed records.

Circuit-board pad selection with supplied footprint references, net and layer records, pad types and a dimension table with explicit units.

Supplied board-check violations with severity and status filters, object and location details, and host-confirmed selection and resolution actions.

A bounded plate diagram and keyboard-selectable list of supplied colony markers, with the source count kept separate from annotation totals.

A culture and sample record with supplied medium, conditions, chronological observations and host-owned recording actions.

Triggers an action with solid primary, 1px ghost, or borderless subtle styling. Every target is at least 44px; icon size is a 44px square.

Keeps related actions together as joined buttons with 1px dividers and one outer frame.

Navigates to a page or resource. Hairline underline; in-copy variant is inset 1px.

Collects one line of text. 1px border, 2px focus ring, 12px label above.

Names a form control. 12px secondary text, set above the control.

Groups a label, control, and hint or error in one vertical field.

Joins a text field with a prefix or suffix inside one 1px border.

Presents browser-native options inside a 1px control border.

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

Selects one option from a group. The selected dot fills with ink.

Selects any number of options. A 44px target surrounds the check mark; indeterminate uses a minus.

Turns one setting on or off. A slim 44×24px track sits inside a 44px touch target.

Selects one value from a range. A fine track sits inside a 44px hit area.

Shows completion for a known process. 4px bar; the label carries the percentage.

Switches between related panels. Text labels in one row; active tab has a 1px underline.

Shows a page's place in a hierarchy. Ancestors are links; the current page is full ink.

Keeps the current path visible while scrolling. Fixed at 72px with a 1px bottom rule when active.

Moves through paginated content. Square controls; the current page fills with ink.

Selects one option from an overlay. The closed trigger carries a chevron.

Focuses attention on a modal task. Title, body, and two equal actions.

Labels status or category. 11px text with outline, solid, and muted variants.

Marks a short technical identifier. Monospace text with a 1px mixed border.

Groups related content as a label, title, and body. No outline.

Shows progress through ordered steps. 1px connectors; done fills with ink, active is outlined.

Presents structured values in rows and columns. 1px row rules; total rows use 2px rules.

Provides interface marks on a 16px viewBox. Round currentColor strokes are 1px at 12, 1.25px at 16, and 1.5px at 24.

Reveals related sections on demand. Native details rows with 1px rules.

Calls attention to contextual information. 1px frame and icon; critical variant fills with ink.

Requires a decision before work continues. Native dialog with Escape and light dismiss disabled.

Identifies a person or group. 32px image or initials; broken images fall back automatically.

Presents one list entry. Title and description sit left; metadata sits right.

Collects multiple lines of text. Resizes vertically only.

Separates related regions with a 1px horizontal or vertical rule.

Reserves space while content loads. Divider-tone pulse that respects reduced motion.

Explains an empty state with a title, one sentence, and an optional action.

Signals indeterminate progress. 16px ring with a 1px stroke; respects reduced motion.

Explains a control on hover or keyboard focus. A real element describes its trigger.

Reports a brief status in the bottom-right corner. Polite live region; pauses on hover and closes on demand.

Presents a compact list of actions. Menu roles and arrow-key navigation are built in.

Turns one persistent option on or off with aria-pressed. Default uses an ink fill when pressed; subtle uses a soft fill and stronger text.

Selects one visible option. Default joins toggles with an ink active state; subtle uses a gray rail, 3px gaps, and a soft active fill.

Places non-modal content above the page with the native Popover API and light dismiss.

Opens a focused task from a screen edge. Native dialog with platform focus handling and backdrop.

Opens a focused task from the bottom edge. Native dialog with platform focus handling and backdrop.

Contains overflow without visible scrollbars. 20px edge feathers signal more content.

Plots one or more lines on a 204px field. 1px grid, textured series, and one optional spot color.

Compares values with vertical or horizontal bars. Thin ink marks, square ends, optional stacks.

Shows change and magnitude with a filled first series. 1px grid and one optional spot color.

Shows the relationship between two measures. Marks sit on a 1px grid in ink or one spot color.

Shows one part of a whole as a ring or flush share strip. 1px stroke.

Shows a distribution in adjacent bins with 1px gaps.

Compares repeated charts on shared axes. Each panel occupies one 184px column.

Shows or hides one section with a native details disclosure.

Previews linked context on hover or keyboard focus.

Labels a keyboard key. Monospace cap with a 1px frame and heavier bottom edge.

Collects a one-time code in one cell per character. Supports auto-advance, backspace, and paste.

Opens actions at the pointer or with Shift+F10. Escape and outside click close the menu.

Groups application menus in a compact 1px frame. Text-only triggers keep 44px targets and wrap to fit.

Moves between primary destinations. Horizontal links; the current page is full ink.

Holds persistent navigation in a 204px rail with a head, body, and foot.

Browses a sequence on a scroll-snap track. Buttons move one slide; the ends feather.

Resizes two adjacent panes with a draggable 1px handle. Arrow keys adjust the split.

Filters and selects an option from a listbox through one text field.

Finds and runs commands inline or in a native dialog. Filter by typing or supply ranked results; navigate with arrows and Enter.

Selects a date from a month grid. Selected day fills with ink; today has a 1px outline.

Types or picks a date and optional local time. A 1px field opens a calendar in the native top layer.

Selects a date from a calendar overlay opened by a 1px trigger.

Sorts, filters and selects structured records. Native controls expose sort and selection state.

Keeps media at a defined aspect ratio while it fills the available box.

Collects related inputs as stacked fields with one primary action at the end.

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

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

Switches between light and dark schemes. The icon changes and the choice persists locally.

Adds a contextual note to running copy. 1px frame, square corners, no accent bar.

Connects inline citations to a numbered source list and cite box. Numerals hang in the gutter.