Skip to content
Ratatui
docs.rs
crates.io
Search
Cancel
GitHub
Discord
Matrix
Mastodon
Twitter
LinkedIn
Select theme
Dark
Light
Auto
Introduction
Installation
Installation
Feature Flags
Tutorials
Tutorials
Hello World
Counter App
Counter App
Single Function
Multiple Functions
Multiple Files
Multiple Files
app.rs
ui.rs
event.rs
tui.rs
update.rs
main.rs
JSON Editor
JSON Editor
App.rs
Main.rs
Ui.rs
UI
Ui.rs - Main
Ui.rs - Editing
Ui.rs - Exit
Conclusion
Crates TUI App
Crates TUI
Main
Helper
Tui
Errors
Events
App
App Basics
App Mode
App Async
App Prototype
Widgets
Widgets
Prompt
Results
App
Conclusion
Concepts
Concepts
Layout
Event Handling
Rendering
Rendering
Under the hood
Application Patterns
Application Patterns
The Elm Architecture
Component Architecture
Flux Architecture
Backends
Backends
Comparison
Raw Mode
Alternate Screen
Mouse Capture
How To
How To
Layout UIs
Layout UIs
Create Dynamic Layouts
Center a Rect
Collapse Borders
Render UIs
Render UIs
Display Text
Style Text
Overwrite Regions
Use Widgets
Use Widgets
Block
Paragraph
Create Custom Widgets
Develop Applications
Develop Applications
CLI arguments
Configuration Directories
Logging with Tracing
Terminal and Event handler
Setup Panic Hooks
Color_eyre Error Hooks
Better Panic Hooks
Migrate from tui-rs
FAQ
Highlights
Highlights
v0.26
v0.25
v0.24
v0.23
v0.22
v0.21
Showcase
Showcase
Apps
Built-in Widgets
Third Party Widgets
Templates
Templates
Component
Component
Project Structure
Main.rs
Tui.rs
Action.rs
Components.rs
Components/home.rs
Config.rs
Utils.rs
References
Developer Guide
Developer Guide
Contributing
This Website
Git guide
GitHub
Discord
Matrix
Mastodon
Twitter
LinkedIn
Select theme
Dark
Light
Auto
Layout UIs
In this section we will cover layout basics and advanced techniques.
Create Dynamic Layouts
Center a Rect
Collapse Borders
