Ready for instructions.
fancy-tui
@particle-academy/fancy-tui
One component vocabulary, browser and terminal. Browse the same layouts, agent workflows, and Human+ patterns as semantic HTML or a real ANSI console.
Start here
Quick start
Compose an Ink app with Fancy spacing, theme, and stable surface handles.
Deploy agent
connectedTab focus Enter submit Alt+Enter newline
React / Ink
import { render } from "ink";
import { FancyTuiProvider, Header, Panel, Text } from "@particle-academy/fancy-tui";
render(
<FancyTuiProvider>
<Header title="Deploy agent" status="connected" />
<Panel title="Run"><Text>Ready for instructions.</Text></Panel>
</FancyTuiProvider>
);Every component
62 components, each rendered with real Ink and captured to ANSI — so what you see is exactly what your terminal draws.
Layout
Hero
Layout
Loading Hero console…
Screen
Layout
Loading Screen console…
Box
Layout
Loading Box console…
Stack
Layout
Loading Stack console…
Row
Layout
Loading Row console…
Column
Layout
Loading Column console…
Spacer
Layout
Loading Spacer console…
Separator
Layout
Loading Separator console…
Panel
Layout
Loading Panel console…
Card
Layout
Loading Card console…
Card variants
Layout
Loading Card variants console…
Header
Layout
Loading Header console…
StatusBar
Layout
Loading StatusBar console…
Responsive
Layout
Loading Responsive console…
Sidebar
Layout
Loading Sidebar console…
Content
Text
Content
Loading Text console…
Heading
Content
Loading Heading console…
KeyHint
Content
Loading KeyHint console…
Markdown
Content
Loading Markdown console…
CodeView
Content
Loading CodeView console…
Display
Badge
Display
Loading Badge console…
Callout
Display
Loading Callout console…
Spinner
Display
Loading Spinner console…
Progress
Display
Loading Progress console…
Skeleton
Display
Loading Skeleton console…
Avatar
Display
Loading Avatar console…
Profile
Display
Loading Profile console…
ActivityIndicator
Display
Loading ActivityIndicator console…
Timeline
Display
Loading Timeline console…
Inputs
Button
Inputs
Loading Button console…
Form
Inputs
Loading Form console…
Field
Inputs
Loading Field console…
DisplayValue
Inputs
Loading DisplayValue console…
Input
Inputs
Loading Input console…
MultilineInput
Inputs
Loading MultilineInput console…
Checkbox
Inputs
Loading Checkbox console…
CheckboxGroup
Inputs
Loading CheckboxGroup console…
RadioGroup
Inputs
Loading RadioGroup console…
Switch
Inputs
Loading Switch console…
MultiSwitch
Inputs
Loading MultiSwitch console…
Select
Inputs
Loading Select console…
Autocomplete
Inputs
Loading Autocomplete console…
Pillbox
Inputs
Loading Pillbox console…
Slider
Inputs
Loading Slider console…
Navigation
Tabs
Navigation
Loading Tabs console…
Accordion
Navigation
Loading Accordion console…
Breadcrumbs
Navigation
Loading Breadcrumbs console…
Pagination
Navigation
Loading Pagination console…
Menu
Navigation
Loading Menu console…
Modal
Navigation
Loading Modal console…
Drawer
Navigation
Loading Drawer console…
Command
Navigation
Loading Command console…
Toast
Navigation
Loading Toast console…
Data
Table
Data
Loading Table console…
StaticList
Data
Loading StaticList console…
TreeNav
Data
Loading TreeNav console…
FileBrowser
Data
Loading FileBrowser console…
Human+
MessageList
Human+
Loading MessageList console…
LiveRegion
Human+
Loading LiveRegion console…
ToolCall
Human+
Loading ToolCall console…
Composer
Human+
Loading Composer console…
FancyTuiProvider
Human+
Loading FancyTuiProvider console…