# Binary Dreams UI Kit documentation

> Bilingual reference for the Binary Dreams UI Kit Svelte 5 component library.

- [Full Markdown reference](/llms-full.txt)

- [Getting started](/docs/getting-started): Install Binary Dreams UI Kit, add Provider, and render the first component. ([Markdown](/api/docs/getting-started.md))
- [Colors](/docs/foundations/colors): Use semantic color roles and provider overrides without coupling components to hex values. ([Markdown](/api/docs/foundations/colors.md))
- [Brand](/docs/foundations/brand): The wordmark, the mark, and the surfaces the identity is allowed to sit on. ([Markdown](/api/docs/foundations/brand.md))
- [Typography](/docs/foundations/typography): Type roles, the display and text families, and the scale that carries them. ([Markdown](/api/docs/foundations/typography.md))
- [Spacing](/docs/foundations/spacing): A 4-base scale read through --bd-s-* variables instead of fixed pixel values. ([Markdown](/api/docs/foundations/spacing.md))
- [Radius](/docs/foundations/radius): One corner scale and the role radii that keep buttons, cards, and inputs stable. ([Markdown](/api/docs/foundations/radius.md))
- [Elevation](/docs/foundations/elevation): Theme-aware elevation through Graphite layers or Blueprint shadows. ([Markdown](/api/docs/foundations/elevation.md))
- [Gradients](/docs/foundations/gradients): Five text ramps applied with utility classes, reserved for display type. ([Markdown](/api/docs/foundations/gradients.md))
- [Grid backgrounds](/docs/foundations/grid-backgrounds): Theme-aware pattern utilities for Graphite traces and Blueprint grids. ([Markdown](/api/docs/foundations/grid-backgrounds.md))
- [Motion](/docs/foundations/motion): Four duration steps, one easing curve, and the reduced-motion contract. ([Markdown](/api/docs/foundations/motion.md))
- [Provider](/docs/components/provider): Installs theme variables, utility CSS, scope boundaries, and overlay portal context. ([Markdown](/api/docs/components/provider.md))
- [Eyebrow](/docs/components/eyebrow): Tracked label used above headings. ([Markdown](/api/docs/components/eyebrow.md))
- [Link](/docs/components/link): Styled native link for body and navigation text. ([Markdown](/api/docs/components/link.md))
- [Label](/docs/components/label): Visible form label with required-state treatment. ([Markdown](/api/docs/components/label.md))
- [Badge](/docs/components/badge): Compact semantic or categorical label. ([Markdown](/api/docs/components/badge.md))
- [Avatar](/docs/components/avatar): Identity image or fallback with an optional status marker. ([Markdown](/api/docs/components/avatar.md))
- [Code block](/docs/components/code-block): Read-only source starts collapsed and opens from its header button. ([Markdown](/api/docs/components/code-block.md))
- [Stat](/docs/components/stat): Metric value and caption for KPI compositions. ([Markdown](/api/docs/components/stat.md))
- [Status dot](/docs/components/status-dot): Semantic status dot with an optional label and pulse. ([Markdown](/api/docs/components/status-dot.md))
- [Logo strip](/docs/components/logo-strip): Row of text-based brand marks. ([Markdown](/api/docs/components/logo-strip.md))
- [Empty state](/docs/components/empty-state): Empty-state message with optional art and action. ([Markdown](/api/docs/components/empty-state.md))
- [Placeholder](/docs/components/placeholder): Decorative blueprint preview frame. ([Markdown](/api/docs/components/placeholder.md))
- [Icon](/docs/components/icon): Renders a phosphor-svelte glyph component passed as `glyph`. ([Markdown](/api/docs/components/icon.md))
- [Spinner](/docs/components/spinner): Indeterminate loading indicator. ([Markdown](/api/docs/components/spinner.md))
- [Alert](/docs/components/alert): Inline semantic message, optionally dismissible. ([Markdown](/api/docs/components/alert.md))
- [Skeleton](/docs/components/skeleton): Decorative loading placeholder recipes. ([Markdown](/api/docs/components/skeleton.md))
- [Progress](/docs/components/progress): Task progress or a bounded measurement, selected with a required kind. ([Markdown](/api/docs/components/progress.md))
- [Live region](/docs/components/live-region): Visually hidden ARIA live region for consumer-controlled announcements. ([Markdown](/api/docs/components/live-region.md))
- [Button](/docs/components/button): Primary action control or link with variants and loading state. ([Markdown](/api/docs/components/button.md))
- [Input](/docs/components/input): Single-line field with internal or external labeling, hint, error, icons, and password reveal. ([Markdown](/api/docs/components/input.md))
- [Switch](/docs/components/switch): Bindable binary switch with visible or aria-only labeling. ([Markdown](/api/docs/components/switch.md))
- [Segmented](/docs/components/segmented): Single-select segmented control. ([Markdown](/api/docs/components/segmented.md))
- [Tabs](/docs/components/tabs): Panelled tabs with underline and pill presentations. ([Markdown](/api/docs/components/tabs.md))
- [Chip](/docs/components/chip): Bindable toggle pill for compact filters on the shared control ladder. ([Markdown](/api/docs/components/chip.md))
- [Accordion](/docs/components/accordion): Single or multiple disclosure panels. ([Markdown](/api/docs/components/accordion.md))
- [Checkbox](/docs/components/checkbox): Bindable tri-state checkbox with a visible or ARIA-only accessible name. ([Markdown](/api/docs/components/checkbox.md))
- [Radio group](/docs/components/radio-group): Exclusive selection from labelled options. ([Markdown](/api/docs/components/radio-group.md))
- [Pin input](/docs/components/pin-input): Multi-cell PIN or one-time-code entry. ([Markdown](/api/docs/components/pin-input.md))
- [Textarea](/docs/components/textarea): Auto-growing multiline field with stable label, hint, error, count, and native-element associations. ([Markdown](/api/docs/components/textarea.md))
- [Select](/docs/components/select): Single select with native label, description, and error associations that optionally switches to a searchable combobox. ([Markdown](/api/docs/components/select.md))
- [Slider](/docs/components/slider): Single-value range control with optional readout. ([Markdown](/api/docs/components/slider.md))
- [Scrub input](/docs/components/scrub-input): Native numeric input with optional label dragging, bounds, steps, suffixes, and display formatting. ([Markdown](/api/docs/components/scrub-input.md))
- [File upload](/docs/components/file-upload): Drag-and-drop file input with validation and removable files. ([Markdown](/api/docs/components/file-upload.md))
- [Copy button](/docs/components/copy-button): Clipboard action with temporary copied feedback. ([Markdown](/api/docs/components/copy-button.md))
- [Calendar](/docs/components/calendar): Single-date calendar grid. ([Markdown](/api/docs/components/calendar.md))
- [Collapsible](/docs/components/collapsible): Single disclosure region with panel and plain presentations and measured-height animation. ([Markdown](/api/docs/components/collapsible.md))
- [Rating group](/docs/components/rating-group): Keyboard-operable whole or half-step rating control. ([Markdown](/api/docs/components/rating-group.md))
- [Date time field](/docs/components/date-time-field): Segmented date, date-range, time, or time-range field selected with a required mode. ([Markdown](/api/docs/components/date-time-field.md))
- [Section](/docs/components/section): Top-level showcase or document section frame. ([Markdown](/api/docs/components/section.md))
- [Card](/docs/components/card): Generic content surface with padding, variant, and elevation. ([Markdown](/api/docs/components/card.md))
- [App shell](/docs/components/app-shell): Responsive application shell with navigation, search, and mobile tabs. ([Markdown](/api/docs/components/app-shell.md))
- [Divider](/docs/components/divider): Horizontal or vertical semantic separator. ([Markdown](/api/docs/components/divider.md))
- [Breadcrumb](/docs/components/breadcrumb): Breadcrumb trail with optional overflow menu. ([Markdown](/api/docs/components/breadcrumb.md))
- [Toolbar](/docs/components/toolbar): Data-driven toolbar with roving focus, action presentations and tones, and toggle groups. ([Markdown](/api/docs/components/toolbar.md))
- [Command palette](/docs/components/command-palette): Searchable command dialog with grouped results. ([Markdown](/api/docs/components/command-palette.md))
- [Modal](/docs/components/modal): Dialog or confirmation modal selected with a required kind and delegated trigger. ([Markdown](/api/docs/components/modal.md))
- [Sheet](/docs/components/sheet): Edge-anchored dialog panel with optional body padding. ([Markdown](/api/docs/components/sheet.md))
- [Toast](/docs/components/toaster): Toast region backed by the imperative toast queue. ([Markdown](/api/docs/components/toaster.md))
- [Menu](/docs/components/menu): Dropdown action menu with declarative items and eyebrow-styled group headers. ([Markdown](/api/docs/components/menu.md))
- [Tooltip](/docs/components/tooltip): Hover and focus tooltip. ([Markdown](/api/docs/components/tooltip.md))
- [Popover](/docs/components/popover): Free-form anchored floating panel. ([Markdown](/api/docs/components/popover.md))
- [Context menu](/docs/components/context-menu): Right-click action menu with consumer-owned trigger styling and eyebrow-styled group headers. ([Markdown](/api/docs/components/context-menu.md))
- [Link preview](/docs/components/link-preview): Hover and focus preview for a link target. ([Markdown](/api/docs/components/link-preview.md))
- [Menubar](/docs/components/menubar): Desktop application menubar with item-radius chrome, panel-radius dropdowns, and eyebrow-styled group headers. ([Markdown](/api/docs/components/menubar.md))
- [Navigation menu](/docs/components/navigation-menu): Top navigation with links and disclosure panels. ([Markdown](/api/docs/components/navigation-menu.md))
- [Table](/docs/components/table): Typed responsive table with captions, card or scroll layouts, stable row identity, sorting, controlled selection, loading, empty, and row actions. ([Markdown](/api/docs/components/table.md))
- [Pagination](/docs/components/pagination): Controlled pagination with item range and edge controls. ([Markdown](/api/docs/components/pagination.md))
- [Chart](/docs/components/chart): Accessible SVG line or area chart with tooltip and data table. ([Markdown](/api/docs/components/chart.md))
- [Sparkline](/docs/components/sparkline): Compact inline line or area trend. ([Markdown](/api/docs/components/sparkline.md))
- [Activity status](/docs/components/activity-status): Compact agent activity status with elapsed time, task progress, and one live announcement. ([Markdown](/api/docs/components/activity-status.md))
- [Agent trace](/docs/components/agent-trace): Controlled disclosure of observable stages, searches, tools, files, and checks. ([Markdown](/api/docs/components/agent-trace.md))
- [Agent response](/docs/components/agent-response): Assistant result with consumer-rendered content, streaming state, sources, actions, and follow-up prompts. ([Markdown](/api/docs/components/agent-response.md))
- [Approval request](/docs/components/approval-request): Explicit approve-or-reject workflow with consequences, optional editing, and separate decision submission. ([Markdown](/api/docs/components/approval-request.md))
- [Tool call list](/docs/components/tool-call-list): Controlled tool-call disclosures with status, duration, inputs, output, and changed artifacts. ([Markdown](/api/docs/components/tool-call-list.md))
- [Agent task list](/docs/components/agent-task-list): Ordered agent task plan with status, summaries, and controlled detail disclosures. ([Markdown](/api/docs/components/agent-task-list.md))
- [Conversation](/docs/components/conversation): Accessible conversation log with optional stick-to-bottom behavior and a jump-to-latest action. ([Markdown](/api/docs/components/conversation.md))
- [Message](/docs/components/message): Presentation for user, assistant, tool, and system messages with consumer-rendered content and actions. ([Markdown](/api/docs/components/message.md))
- [Prompt bar](/docs/components/prompt-bar): Animated prompt composer with compact and expanded layouts, rounded and pill shapes, and controls that render only when wired. ([Markdown](/api/docs/components/prompt-bar.md))
- [Recommendation](/docs/components/recommendation): Agent proposal with rationale, explained confidence, evidence, alternatives, and explicit accept or reject actions. ([Markdown](/api/docs/components/recommendation.md))
- [Context list](/docs/components/context-list): Retrieved context records with source metadata, state, and optional open or remove actions. ([Markdown](/api/docs/components/context-list.md))
- [Change review](/docs/components/change-review): Responsive before-and-after table for added, removed, modified, or unchanged values with per-item decisions. ([Markdown](/api/docs/components/change-review.md))
- [Selection actions](/docs/components/selection-actions): Controlled workflow for applying an instruction to selected text, then accepting, rejecting, or retrying its result. ([Markdown](/api/docs/components/selection-actions.md))

- [Russian documentation](/ru/llms.txt)