Components
133 pages generated from the closed catalog. No runtime network; plain text from manifests only.
content 35
Code blocks
blocks-codeValidated, highlighted code.
Data blocks
blocks-dataValidated tables, statistics, key metrics and chart content blocks.
Diagram blocks
blocks-diagramValidated flow, tree, board and terminal diagrams.
Embed blocks
blocks-embedValidated link previews (URL policy) and embed-app shells. Texuli never runs app JSON; hosts mount via mountEmbed with a sandboxed iframe contract.
Interactive blocks
blocks-interactiveValidated polls, quizzes, calculators and checklists.
Map blocks
blocks-mapValidated map points and routes.
Media blocks
blocks-mediaValidated image, figure, video and gallery content blocks.
Structure blocks
blocks-structureValidated layouts and calls to action.
Text blocks
blocks-textValidated heading, paragraph, list, quote and callout content.
Area chart
charts-areaA categorical area chart with an accessible data table.
Bar chart
charts-barA categorical bar chart with a zero baseline and accessible data table.
Bubble chart
charts-bubbleA scatter plot where point size can encode another measure.
Bullet chart
charts-bulletA compact value, range and target comparison.
Canvas chart renderer
charts-canvas-rendererA low-level canvas mark renderer for dense chart series.
Cartesian chart
charts-cartesianThe general line, area, bar, stacked bar or combo chart renderer.
Combo chart
charts-comboA categorical chart that combines bar and line series.
Donut chart
charts-donutA part-to-whole chart with a central opening and data table.
Funnel chart
charts-funnelA conversion funnel with step values and accessible table.
Gauge chart
charts-gaugeA radial value gauge with thresholds and an accessible data table.
Geographic map
charts-geo-mapA tiled geographic choropleth with a tabular data alternative.
Geographic point map
charts-geo-point-mapGeographic points positioned on a tiled map.
Heatmap
charts-heatmapA matrix of labeled cells with an accessible data table.
Line chart
charts-lineA categorical line chart with accessible values.
Network graph
charts-networkA node and connection graph with an accessible table.
Pie chart
charts-pieA part-to-whole chart with an accessible data table.
Progress ring
charts-progress-ringA compact radial progress indicator with a data table.
Sankey chart
charts-sankeyA weighted flow diagram with an accessible table.
Scatter chart
charts-scatterA quantitative scatter plot with an accessible data table.
Sparkline
charts-sparklineA compact line, area or bar trend chart.
Stacked bar chart
charts-stacked-barA categorical stacked bar chart with accessible values.
Sunburst chart
charts-sunburstA hierarchical part-to-whole chart with an accessible table.
Treemap chart
charts-treemapA hierarchical part-to-whole chart with an accessible table.
Canvas composition
media-composition-canvasA validated layered composition rendered to a canvas.
SVG composition
media-composition-svgA validated, structured vector composition.
Responsive image
media-imageA responsive image with URL validation, loading states and actions.
display 17
Alert
alertInline feedback for a page section (status or error).
Badge
badgeA compact status or category label.
Banner
bannerFull-width notice across a page or app shell.
Callout
calloutEmphasized documentation-style tip with a strong start edge.
Card
cardA surface for grouping related content with optional link behavior.
Chip
chipA toggleable filter chip (pressed state).
Code
codeInline or block code with escaped text (no HTML).
Empty state
empty-statePlaceholder when a list or panel has nothing to show yet.
Error state
error-stateFull-panel failure with optional retry.
Inline text
inline-textA plain text run for the slot of a slot-only component (button, label, badge).
Kbd
kbdInline keyboard key affordance.
KPI
kpiA formatted metric with unit, previous-period delta and optional link.
Stat
statA single metric with optional delta, trend and sparkline slot.
Stepper
stepperHorizontal or vertical progress through ordered steps.
Table
tableA responsive data table with density, stacking and sticky header options.
Tag
tagA labeled chip that can be removed.
Timeline
timelineVertical or horizontal chronological list of events.
forms 28
Button
buttonA pressable action control with loading and optional link rendering.
ButtonGroup
button-groupGroups related buttons with shared borders and orientation.
Checkbox
checkboxA binary or indeterminate checkbox with optional label.
Combobox
comboboxA text input that filters a list of options, for one value or several.
Description
descriptionHelp text associated with a field control.
Field
fieldLabel, description and error wiring for a single control.
FieldError
field-errorAn alert-role error message for a field.
Form
formA form shell with layout, validation hook and error map.
IconButton
icon-buttonAn icon-only button that requires an accessible name.
Input
inputA single-line text (or file) control with optional clear.
InputGroup
input-groupAn input with start/end adornments and optional clear.
Label
labelA form label with optional required marker and sr-only mode.
MultiSelect
multi-selectA combobox for several values, shown as removable chips.
Radio
radioOne option inside a RadioGroup.
RadioGroup
radio-groupA set of exclusive radio options with keyboard roving.
Select
selectA single-value select root with size and variant chrome.
Select.Content
select-contentThe positioned listbox surface for Select items.
Select.Group
select-groupGroups related Select items under an optional label.
Select.Item
select-itemOne selectable option inside Select.Content.
Select.Label
select-labelA non-interactive heading inside a Select group.
Select.Portal
select-portalPortals Select.Content out of overflow-clipped ancestors.
Select.Separator
select-separatorA visual divider between Select groups or items.
Select.Trigger
select-triggerThe button that opens a Select listbox.
Select.Value
select-valueShows the selected label or a placeholder inside the trigger.
Select.Viewport
select-viewportScrollable viewport inside Select.Content.
Switch
switchAn immediate on/off setting control.
TextCounter
text-counterAn input or textarea that shows remaining characters near the limit.
Textarea
textareaA multi-line text control with optional autosize.
layouts 27
AnalyticsGrid
analytics-gridAuto-fit KPI and widget grid for dashboard screens.
ContentLayout
content-layoutShared docs/blog/editorial reading frame with optional TOC.
Deck slide
deck-slideOne slide in a deck: a title, content blocks and speaker notes.
Auth split layout
layout-auth-splitSign-in form column plus brand panel.
Blog layout
layout-blogBlog/post reading layout (content-layout kind blog).
Card layout
layout-cardContent card frame for grouped agent-authored blocks.
LayoutChrome
layout-chromeShared brand, actions, user and skip-link chrome for desktop layouts.
Dashboard grid layout
layout-dashboard-gridTop chrome plus container-query widget grid.
Deck layout
layout-deckSlide deck frame for sequenced content.
Doc layout
layout-docDocument frame with optional table of contents.
Docs layout
layout-docsDocumentation reading layout (content-layout kind docs).
LayoutDrawer
layout-drawerMobile navigation drawer built on the dialog primitive.
Dual sidebar layout
layout-dual-sidebarPrimary nav plus optional context aside.
Editorial layout
layout-editorialLong-read editorial layout (content-layout kind editorial).
Grid layout
layout-gridResponsive content grid for agent-authored tiles.
LayoutHost
layout-hostResolves a layout id, applies width fallbacks, and keeps one stable screen outlet.
Landing layout
layout-landingStandalone marketing landing composition.
Marketing layout
layout-marketingMarketing page frame with hero, sections and footer slots.
Page layout
layout-pageFull page content frame for agent-authored documents.
Pricing layout
layout-pricingPricing plans grid with title and footnote.
Settings layout
layout-settingsSettings section list plus detail pane.
Sidebar layout
layout-sidebarApp sidebar column with responsive drawer fallback.
Top navigation layout
layout-top-navHorizontal top navigation with optional mobile menu.
Wizard layout
layout-wizardCentered onboarding wizard frame with steps.
NavIcon
nav-iconRenders a nav model icon by name or component.
ScreenOutlet
screen-outletStable screen mount point that survives layout switches.
SplitView
split-viewMaster-detail split with list and detail panes.
overlays 26
AlertDialog
alert-dialogModal confirm/cancel dialog for consequential actions.
AppNav
app-navDesktop sidebar shell with mobile sheet drawer and main slot.
Breadcrumb
breadcrumbHierarchy trail with URL-policy links.
CommandPalette
command-paletteDialog-hosted command palette with search and recent items.
ContextMenu
context-menuPointer-anchored menu (right-click, long-press, Menu key).
ContextMenu.Trigger
context-menu-triggerRegion that opens the context menu.
DetailPanel
detail-panelNon-modal detail panel alongside content.
Dialog
dialogModal dialog with title, optional description, body and footer.
Drawer
drawerBottom or edge drawer with optional drag dismiss.
DropdownMenu
dropdown-menuMenu button pattern with items, checkboxes, radios and submenus.
DropdownMenu.Content
dropdown-menu-contentFloating menu surface for dropdown items.
DropdownMenu.Item
dropdown-menu-itemMenu item with optional icon and shortcut chrome.
DropdownMenu.Trigger
dropdown-menu-triggerStyled button that opens a dropdown menu.
HoverCard
hover-cardPreview panel that opens on hover or focus.
HoverCard.Content
hover-card-contentStyled hover-card surface.
Menubar
menubarApplication menubar with roving top-level items.
Menubar.Trigger
menubar-triggerTop-level menubar item that opens a menu.
NavigationMenu
navigation-menuSite or app navigation with expandable triggers and links.
Pagination
paginationPage controls for long lists.
Popover
popoverNon-modal floating panel anchored to a trigger.
Popover.Content
popover-contentStyled popover surface with optional arrow.
ResponsiveModal
responsive-modalDialog on large screens, drawer/sheet on small screens.
Sheet
sheetEdge-anchored modal panel (drawer-like sheet).
Sidebar
sidebarCollapsible app rail with sections, badges and safe links.
Toaster
toasterLive region that renders toast notifications from the shared store.
Tooltip
tooltipShort delayed hint on hover or focus.