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
Basic App
Error Handling
JSON Editor
JSON Editor
App.rs
Main.rs
UI.rs
UI - Main screen
UI - Editing Popup
UI - Exit Popup
Closing Thoughts
Async Counter App
Async Counter App
Async Key Events
Async Render
Introducing Actions
Async Actions
Sync Increment & Decrement
Async Increment & Decrement
Conclusion
Concepts
Concepts
Widgets
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
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.21.0
v0.22.0
v0.23.0
v0.24.0
v0.25.0
v0.26.0
Showcase
Showcase
Apps
Built-in Widgets
Third Party Widgets
Templates
Templates
Component
Component Template
Project Structure
Main.rs
Tui.rs
Action.rs
Components.rs
Components/home.rs
Config.rs
Utils.rs
App.rs
References
Developer Guide
Developer Guide
Contributing to Ratatui
Contributing to Ratatui Website
Git guide
GitHub
Discord
Matrix
Mastodon
Twitter
LinkedIn
Select theme
Dark
Light
Auto
How-to: Layout UIs
In this section we will cover layout basics and advanced techniques.
Create Dynamic Layouts
Center a Rect
Collapse Borders
