Getting started
Principles
Vocabulary
Installation
Theming
Quickstart
AI agents
Foundations
Colour
Typography
Layout
Size
Radius
Materials
Depth
Motion
States
Responsiveness
Constants
Patterns
Composition
Forms
Modality
Navigation
Feedback
Components
Avatar
Badge
Button
Callout
Card
Chatbar
Combobox
Context Menu
Dropdown Menu
Heading
Icon Button
Image
Navbar
Segmented Control
Shell
Sheet
Sidebar (Presentation)
Text
Text Area
Text Field
Toggle Button
Toggle Icon Button
Toolbar
Blocks
Overview
Code Block
Preview Block
Markdown
Streaming Markdown
Docs Shell
Docs Page
Table of Contents
Page Header
Section Header
Hero
Footer
Testimonial
Empty State
v0.8.0
Motion
Motion covers how things move and change state, and how fast they do it.
This chapter is not written yet.
© 2026
Kushagra Dhawan
. Licensed under MIT.
GitHub
.
T
Theme
Accent color
Gray color
Appearance
Light
Dark
Radius
None
Small
Medium
Large
Full
Scaling
90%
95%
100%
105%
110%
Panel background
Learn more about panel background options
Solid
Translucent
Copy Theme