diff --git a/doc/Out-of-scope.md b/doc/Out-of-scope.md
index b116983c2b6051c000a30f8968f10c5a4ff9dbf6..be745a5283a70dbdc0cd5864213720bab5f4b429 100644
--- a/doc/Out-of-scope.md
+++ b/doc/Out-of-scope.md
@@ -28,6 +28,13 @@ Not enabled by default in Bootstrap and potential conflict with default grid sys
 * [Segmented buttons](https://getbootstrap.com/docs/5.3/forms/input-group/#segmented-buttons)
 * [Custom styles](https://getbootstrap.com/docs/5.3/forms/validation/#custom-styles)
 
+### Components
+
+* [Placeholders](https://getbootstrap.com/docs/5.3/components/placeholders/)
+* [Popovers](https://getbootstrap.com/docs/5.3/components/popovers/)
+* [Scrollspy](https://getbootstrap.com/docs/5.3/components/scrollspy/)
+* [Tooltips](https://getbootstrap.com/docs/5.3/components/tooltips/)
+
 ### Helpers
 
 #### Stacks
diff --git a/ui_suite_bootstrap.ui_skins.css_variables.yml b/ui_suite_bootstrap.ui_skins.css_variables.yml
index abec0501a90061a09cf5f9841ac67945947425f8..5e551b01974b339c137ba42d2c6e9d6692b4a18a 100644
--- a/ui_suite_bootstrap.ui_skins.css_variables.yml
+++ b/ui_suite_bootstrap.ui_skins.css_variables.yml
@@ -2371,6 +2371,128 @@ bs_pagination_disabled_border_color:
   default_values:
     ".pagination": "#dee2e6"
 
+# Component: Popover.
+bs_popover_zindex:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Z-index"
+  default_values:
+    ".popover": "1070"
+bs_popover_max_width:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Max width"
+  default_values:
+    ".popover": "276px"
+bs_popover_font_size:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Font size"
+  default_values:
+    ".popover": "0.875rem"
+bs_popover_bg:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Background color"
+  default_values:
+    ".popover": "var(--bs-body-bg)"
+bs_popover_border_width:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Border width"
+  default_values:
+    ".popover": "var(--bs-border-width)"
+bs_popover_border_color:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Border color"
+  default_values:
+    ".popover": "var(--bs-border-color-translucent)"
+bs_popover_border_radius:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Border radius"
+  default_values:
+    ".popover": "var(--bs-border-radius-lg)"
+bs_popover_inner_border_radius:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Inner border radius"
+  default_values:
+    ".popover": "calc(var(--bs-border-radius-lg) - var(--bs-border-width))"
+bs_popover_box_shadow:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Box shadow"
+  default_values:
+    ".popover": "0 0.5rem 1rem rgba(0, 0, 0, 0.15)"
+bs_popover_header_padding_x:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Header padding horizontal"
+  default_values:
+    ".popover": "1rem"
+bs_popover_header_padding_y:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Header padding vertical"
+  default_values:
+    ".popover": "0.5rem"
+bs_popover_header_font_size:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Header font size"
+  default_values:
+    ".popover": "1rem"
+bs_popover_header_color:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Header color"
+  default_values:
+    ".popover": "inherit"
+bs_popover_header_bg:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Header background color"
+  default_values:
+    ".popover": "var(--bs-secondary-bg)"
+bs_popover_body_padding_x:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Body padding horizontal"
+  default_values:
+    ".popover": "1rem"
+bs_popover_body_padding_y:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Body padding vertical"
+  default_values:
+    ".popover": "1rem"
+bs_popover_body_color:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Body color"
+  default_values:
+    ".popover": "var(--bs-body-color)"
+bs_popover_arrow_width:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Arrow width"
+  default_values:
+    ".popover": "1rem"
+bs_popover_arrow_height:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Arrow height"
+  default_values:
+    ".popover": "0.5rem"
+bs_popover_arrow_border:
+  category: "Component: Popover"
+  type: "textfield"
+  label: "Arrow border"
+  default_values:
+    ".popover": "var(--bs-popover-border-color)"
+
 # Component: Progress.
 bs_progress_height:
   category: "Component: Progress"
@@ -2561,6 +2683,74 @@ bs_toast_header_border_color:
   default_values:
     ".toast": "#0000000c"
 
+# Component: Tooltip.
+bs_tooltip_zindex:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Z-index"
+  default_values:
+    ".tooltip": "1080"
+bs_tooltip_max_width:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Max width"
+  default_values:
+    ".tooltip": "200px"
+bs_tooltip_font_size:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Font size"
+  default_values:
+    ".tooltip": "0.875rem"
+bs_tooltip_bg:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Background color"
+  default_values:
+    ".tooltip": "var(--bs-emphasis-color)"
+bs_tooltip_opacity:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Opacity"
+  default_values:
+    ".tooltip": "0.9"
+bs_tooltip_border_radius:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Border radius"
+  default_values:
+    ".tooltip": " var(--bs-border-radius)"
+bs_tooltip_padding_x:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Body padding horizontal"
+  default_values:
+    ".tooltip": "0.5rem"
+bs_tooltip_padding_y:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Body padding vertical"
+  default_values:
+    ".tooltip": "0.25rem"
+bs_tooltip_color:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Body color"
+  default_values:
+    ".tooltip": "var(--bs-body-color)"
+bs_tooltip_arrow_width:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Arrow width"
+  default_values:
+    ".tooltip": "0.8rem"
+bs_tooltip_arrow_height:
+  category: "Component: Tooltip"
+  type: "textfield"
+  label: "Arrow height"
+  default_values:
+    ".tooltip": "0.4rem"
+
 # Helper: Focus link.
 bs_focus_ring_width:
   category: "Helper: Focus ring"