Build with guise.
Everything from installing the crate to embedding a native web view — and the whole of Tailor, the interface builder that draws with it. Press ⌘ K to search, or start with the essentials.
Getting started
Foundations
Components
Buttons →
Button, ActionIcon, CloseButton, ThemeIcon, and CopyButton.
Icons →
The Icon component and the embedded Lucide icon set.
Inputs →
TextInput, Select, Combobox, NumberInput, Slider, Rating, and more.
Dates & times →
Calendar, DatePicker and TimePicker, over pure Date / Time models.
File handling →
FileInput's native dialog and Dropzone's OS drag-and-drop.
Editor →
A multiline code editor: gutter, syntax highlighting, styling, highlights, and undo/redo.
AI →
A chat kit: transcript, composer, streaming text, tool calls, citations, cost — transport-agnostic.
Markdown editor →
MarkdownEditor: an Obsidian-style live-preview editor, and the read-only Markdown renderer.
Typography →
Text, Title, Anchor, Code, Kbd, Mark, and Spoiler.
Layout →
Stack, Group, SimpleGrid, Card, Paper, ScrollArea, and AppShell.
Panels →
Panel header/footer framing, and SplitPanel's draggable divider.
Feedback →
Alert, Loader, Progress, RingProgress, ToastStack, and Skeleton.
Data display →
Avatar, Badge, Table, TableView, DataView, TreeView, Tabs, and TabBar.
Charts →
Sparkline, BarChart, LineChart, and PieChart, painted on canvas.
GPU View →
Overlays →
Modal, ConfirmModal, Menu, ContextMenu, Popover, Spotlight, and Drawer.
Navigation →
Breadcrumbs, NavLink, Stepper, Pagination, and StatusBar.
WebView →
A native OS web view embedded via wry.
Systems
Flex layout →
Flutter-style Row, Column, Expanded, Container, and Wrap.
Macros →
row! / col! / zstack! for containers, style! and color!, and motion! / sequence! for animation.
Motion & transitions →
Keyframed Motion, sequences, stagger, a playhead you can scrub, springs, and Presence exit animations.
Motion tutorial →
Build one animated panel, nine chapters — entrances, stagger, keyframes, a playhead, and exits.
Drag & drop →
Draggable, DropTarget and SortableList, with typed drag payloads.
Reactive state →
Signal, Binding, context / provider, hooks, and FormState validation.
Software update →
Check a release feed, verify the signature, install in place, and restart.
DevTools →
An in-app Safari-shaped inspector: Elements, Styles, Logs, Network, Timelines, Audit.
Settings →
SettingsView, SettingsSection and SettingsRow — the settings screen, without a schema to adopt.
Window menu & chrome →
Wiring the native application menu.
Tailor
Overview →
The visual interface builder that ships in this repository — the map to the rest.
Tutorial →
Build an app end to end in Tailor, export it, and run what comes out.
The canvas →
Modes, selecting, resizing, layout modes, snapping, and the live window.
Components & slots →
The 101-component catalog, slots, the five drawn containers, and your own components.
State & actions →
State variables, two-way bindings, events and actions, and the lint pass.
What gets generated →
The Rust that falls out, the two flavours, export, and the .tailor file format.
The MCP server →
Driving the same document from an agent, over MCP.
Zed & other editors →
Jumping between a component and its code, in both directions.