</
#>
WebTUI
Docs
Examples
Github
Search
Search
x
guides/style-guide: Style Guide
guides/style-guide: ## Box Model
guides/style-guide: ## Text
plugins/plugin-dev: Developing Plugins
plugins/plugin-dev: ### Style Layers
start/intro: Introduction
start/intro: ## Features
start/plugins: Plugins
start/plugins: ## Official Plugins
start/plugins: ### Themes
start/plugins: ## Community Plugins
components/input: Input
components/input: ## Import
components/input: ## Usage
components/input: ### box-
components/input: ### size-
components/input: ### Extending
plugins/theme-catppuccin: Catppuccin Theme
plugins/theme-catppuccin: ## Installation
plugins/theme-catppuccin: ## Components
plugins/theme-catppuccin: ### Typography
plugins/theme-catppuccin: ### Badge
plugins/theme-catppuccin: ### Button
plugins/theme-catppuccin: ## CSS Variables
plugins/theme-nord: Nord Theme
plugins/theme-nord: ## Installation
plugins/theme-nord: ## Components
plugins/theme-nord: ### Typography
plugins/theme-nord: ### Badge
plugins/theme-nord: ### Button
plugins/theme-nord: ## CSS Variables
plugins/plugin-nf: Nerd Font Plugin
plugins/plugin-nf: ## Installation
plugins/plugin-nf: ## Install a Nerd Font
plugins/plugin-nf: ### Static Font
plugins/plugin-nf: ### CDN
plugins/plugin-nf: ## Components
plugins/plugin-nf: ### <details>
plugins/plugin-nf: ### Badge
plugins/plugin-nf: #### cap-
components/badge: Badge
components/badge: ## Import
components/badge: ## Usage
components/badge: ### variant-
components/badge: ### Styling
components/badge: ### Extending
components/badge: ## Scope
start/ascii-boxes: ASCII Boxes
start/ascii-boxes: ## Usage
start/ascii-boxes: ## Border Types
start/ascii-boxes: ## Containment
start/ascii-boxes: ## Custom Properties
start/ascii-boxes: ### --box-border-color
start/ascii-boxes: ### --box-rounded-radius
start/ascii-boxes: ### --box-border-width
start/ascii-boxes: ### --box-double-border-width
components/button: Button
components/button: ## Import
components/button: ## Usage
components/button: ### box-
components/button: ### variant-
components/button: ### size-
components/button: ### disabled
components/button: ### Styling
components/button: ### Extending
components/button: ## Scope
components/typography: Typography
components/typography: ## Import
components/typography: ## Usage
components/typography: ### <h1>-<h6>
components/typography: ### <p>
components/typography: ### <blockquote>
components/typography: ### <ol>
components/typography: ### <ul>
components/typography: #### <ul> Markers
components/typography: ### [is-="typography-block"]
components/typography: ## Scope
start/theming: Theming
start/theming: ## CSS Variables
start/theming: ### Font Styles
start/theming: ### Colors
start/theming: ### Light & Dark
start/theming: ## Theme Plugins
start/installation: Installation
start/installation: ## Installation
start/installation: ## ESM Imports
start/installation: ## CDN Imports
start/installation: ## Full Library Import
start/tuis-vs-guis: TUIs vs GUIs
start/tuis-vs-guis: ## Monospace Fonts
start/tuis-vs-guis: ## Character Cells
UI Design that goes
HARD
WebTUI is a modular CSS library that brings the beauty of Terminal UIs to the browser
Contents
S
Get Started
E
View Examples
C
Components
/
Search
NORMAL
master
index.astro
utf-8
Top
1
:1
Search
x
guides/style-guide: Style Guide
guides/style-guide: ## Box Model
guides/style-guide: ## Text
plugins/plugin-dev: Developing Plugins
plugins/plugin-dev: ### Style Layers
start/intro: Introduction
start/intro: ## Features
start/plugins: Plugins
start/plugins: ## Official Plugins
start/plugins: ### Themes
start/plugins: ## Community Plugins
components/input: Input
components/input: ## Import
components/input: ## Usage
components/input: ### box-
components/input: ### size-
components/input: ### Extending
plugins/theme-catppuccin: Catppuccin Theme
plugins/theme-catppuccin: ## Installation
plugins/theme-catppuccin: ## Components
plugins/theme-catppuccin: ### Typography
plugins/theme-catppuccin: ### Badge
plugins/theme-catppuccin: ### Button
plugins/theme-catppuccin: ## CSS Variables
plugins/theme-nord: Nord Theme
plugins/theme-nord: ## Installation
plugins/theme-nord: ## Components
plugins/theme-nord: ### Typography
plugins/theme-nord: ### Badge
plugins/theme-nord: ### Button
plugins/theme-nord: ## CSS Variables
plugins/plugin-nf: Nerd Font Plugin
plugins/plugin-nf: ## Installation
plugins/plugin-nf: ## Install a Nerd Font
plugins/plugin-nf: ### Static Font
plugins/plugin-nf: ### CDN
plugins/plugin-nf: ## Components
plugins/plugin-nf: ### <details>
plugins/plugin-nf: ### Badge
plugins/plugin-nf: #### cap-
components/badge: Badge
components/badge: ## Import
components/badge: ## Usage
components/badge: ### variant-
components/badge: ### Styling
components/badge: ### Extending
components/badge: ## Scope
start/ascii-boxes: ASCII Boxes
start/ascii-boxes: ## Usage
start/ascii-boxes: ## Border Types
start/ascii-boxes: ## Containment
start/ascii-boxes: ## Custom Properties
start/ascii-boxes: ### --box-border-color
start/ascii-boxes: ### --box-rounded-radius
start/ascii-boxes: ### --box-border-width
start/ascii-boxes: ### --box-double-border-width
components/button: Button
components/button: ## Import
components/button: ## Usage
components/button: ### box-
components/button: ### variant-
components/button: ### size-
components/button: ### disabled
components/button: ### Styling
components/button: ### Extending
components/button: ## Scope
components/typography: Typography
components/typography: ## Import
components/typography: ## Usage
components/typography: ### <h1>-<h6>
components/typography: ### <p>
components/typography: ### <blockquote>
components/typography: ### <ol>
components/typography: ### <ul>
components/typography: #### <ul> Markers
components/typography: ### [is-="typography-block"]
components/typography: ## Scope
start/theming: Theming
start/theming: ## CSS Variables
start/theming: ### Font Styles
start/theming: ### Colors
start/theming: ### Light & Dark
start/theming: ## Theme Plugins
start/installation: Installation
start/installation: ## Installation
start/installation: ## ESM Imports
start/installation: ## CDN Imports
start/installation: ## Full Library Import
start/tuis-vs-guis: TUIs vs GUIs
start/tuis-vs-guis: ## Monospace Fonts
start/tuis-vs-guis: ## Character Cells