---
title: "Component gallery"
description: "A visual catalog of every tuika component, grouped into focused pages with API links, examples, and recorded terminal demos."
image: "https://tuika.dev/social-card.png"
---

> Documentation Index
> Fetch the complete documentation index at: https://tuika.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Component gallery

A visual catalog of tuika's components — each with a name, a one-line
description, and an animated demo.

## [Motion](/components/motion/)

Progress, activity, loading, and host-driven animation.

[`Spinner`](/components/motion/#spinner) · [`ProgressBar`](/components/motion/#progressbar) · [`ActivityList`](/components/motion/#activitylist) · [`Loader`](/components/motion/#loader) · [`Timeline`](/components/motion/#timeline)

## [Text](/components/text/)

Styled text, wrapped prose, and separators.

[`Text`](/components/text/#text) · [`Rule`](/components/text/#rule)

## [Markdown & code](/components/markdown-code/)

Streaming Markdown, HTML, highlighted code, and diffs.

[`Markdown` + `MarkdownState`](/components/markdown-code/#markdown--markdownstate) · [`Html`](/components/markdown-code/#html) · [`CodeBlock`](/components/markdown-code/#codeblock) · [`Diff`](/components/markdown-code/#diff)

## [Layout](/components/layout/)

Application shells, containers, focus scopes, and viewport structure.

[`AppShell`](/components/layout/#appshell) · [`SelectionScreen`](/components/layout/#selectionscreen) · [`Flex`](/components/layout/#flex) · [`Flow`](/components/layout/#flow) · [`Grid`](/components/layout/#grid) · [`Boxed`](/components/layout/#boxed) · [`FocusScope`](/components/layout/#focusscope) · [`StatusBar`](/components/layout/#statusbar) · [`Scrollbar` + `VirtualWindow`](/components/layout/#scrollbar--virtualwindow)

## [Interactive](/components/interactive/)

Scrolling, forms, dialogs, selection, tables, tabs, and input.

[`Scroll` + `ScrollState`](/components/interactive/#scroll--scrollstate) · [`ItemScroll`](/components/interactive/#itemscroll) · [`Viewport` + `ScrollState`](/components/interactive/#viewport--scrollstate) · [`Form` + `FormField` + `FormState`](/components/interactive/#form--formfield--formstate) · [`Scene` + `Dialog`](/components/interactive/#scene--dialog) · [Dialog presets](/components/interactive/#dialog-presets) · [`DrawView` / `CanvasView`](/components/interactive/#drawview--canvasview) · [`SelectList` + `SelectState`](/components/interactive/#selectlist--selectstate) · [`TreeList` + `TreeState`](/components/interactive/#treelist--treestate) · [`CompletionPalette` + `CompletionState`](/components/interactive/#completionpalette--completionstate) · [`Table` + `SelectState`](/components/interactive/#table--selectstate) · [`KeyedTable` + `KeyedSelectState`](/components/interactive/#keyedtable--keyedselectstate) · [`Tabs` + `TabsState`](/components/interactive/#tabs--tabsstate) · [`TabSelect` + `TabSelectState`](/components/interactive/#tabselect--tabselectstate) · [`Slider` + `SliderState`](/components/interactive/#slider--sliderstate) · [`TextInput` + `TextInputState`](/components/interactive/#textinput--textinputstate)

## [Notifications & console](/components/notifications-console/)

Transient notifications and structured console output.

[`Toasts` + `ToastList`](/components/notifications-console/#toasts--toastlist) · [`Console` + `ConsoleLog`](/components/notifications-console/#console--consolelog)

## [Banners, codes & pixels](/components/banners-codes-pixels/)

ASCII lettering, QR codes, framebuffers, and key hints.

[`AsciiFont`](/components/banners-codes-pixels/#asciifont) · [`QrCode`](/components/banners-codes-pixels/#qrcode) · [`FrameBuffer` + `FrameBufferView`](/components/banners-codes-pixels/#framebuffer--framebufferview) · [`KeyHints`](/components/banners-codes-pixels/#keyhints) · [`KeymapHelp`](/components/banners-codes-pixels/#keymaphelp)

## See also

- [API documentation](https://docs.rs/tuika) — the complete component reference,
  including helpers without a standalone demo (`Spacer`, `Responsive`,
  `Constrained`, `Wrap`).
- [Markdown guide](/markdown/) — streaming, GFM tables, highlighting, links,
  images, and inline HTML, in one place.
- [Runnable examples](https://github.com/everruns/tuika/tree/main/examples/) — enter the alternate screen; quit with `q`/`esc`.
- [README](https://github.com/everruns/tuika/blob/main/README.md) — the model behind the toolkit.

Source: https://tuika.dev/components/index.mdx