diff --git a/source/_docs/tools/quick-bar.markdown b/source/_docs/tools/quick-bar.markdown
new file mode 100644
index 00000000000..32c26db8434
--- /dev/null
+++ b/source/_docs/tools/quick-bar.markdown
@@ -0,0 +1,84 @@
+---
+title: "Quick Bar"
+description: "Dialog for quickly accessing entities or running commands."
+---
+
+The "Quick Bar" allows you to quickly look up entities or run commands without needing to navigate away from your current view (Similar to the "quick open" feature in VS Code, Chrome Developer Tools, etc).
+
+It can be launched in the frontend using [hotkeys](#hotkeys).
+
+
+
+ Quick Bar for accessing entities and running commands
+
+
+## Hotkeys
+
+Type these from anywhere in the application to launch the dialog.
+
+| Mode | Hotkey (Windows) | Hotkey (macOS)
+| ------------- | ------------- |------------- |
+| Entity Filter | Ctrl+P | ⌘+P |
+| Command | Ctrl+Shift+P | ⌘+Shift+P |
+
+
+ The application must have "focus" for the hotkey to register. If the dialog doesn't launch, try clicking in an empty area of the application and typing it again.
+
+
+## Switching Modes
+
+When the dialog has already been launched, you can switch to other modes without losing your filter text.
+
+
+
+ Switch modes without losing filter text
+
+
+| Current Mode | Action | Switches to Mode |
+| ------------- | ------------- | ------------- |
+| Entity Filter | Use [hotkey](#hotkeys) (or prepend ">" to input field) | Command
+| Command | Use [hotkey](#hotkeys) (or remove ">" from input field) | Entity Filter
+
+## Entity Filter Mode
+
+*Hotkey: Ctrl+P (Windows) or ⌘+P (macOS)*
+
+Similar to Developer Tools -> States view, but more lightweight and accessible from anywhere in the frontend.
+
+
+
+ Filter for entities in Quick Bar's entity filter mode
+
+
+Once launched, start typing your entity id (or ["bits and pieces" of your entity id](#search-by-bits-and-pieces-rather-than-complete-substring)) to get back a filtered list of entities. Clicking on an entity will open the "More Info" dialog for that entity.
+
+This is helpful when, say, you are in the middle of writing an automation and need some quick insight about an entity but don't want to navigate away to Developer Tools.
+
+## Command Mode
+
+*Hotkey: Ctrl+Shift+P (Windows) or ⌘+Shift+P (macOS)*
+
+Run various commands from anywhere without navigating to another view.
+
+
+
+ Run commands in Quick Bar's "command mode"
+
+
+Currently-supported commands:
+
+| Command | Action | Examples
+| ------------- | ------------- | ------------- |
+| "Reload {domain}" | Calls `{domain}.reload` | - "Reload Scripts" calls `script.reload`
- "Reload Scenes" calls `scene.reload`
- etc...
|
+
+## Tips
+
+### Search by "bits and pieces" rather than complete substring
+
+In Developer Tools -> States, if you're trying to find "light.chandelier" you would have to type out a complete, exact substring to match it (e.g., "light.cha" or "chandel").
+
+But the Quick Bar checks *each letter* of your filter, finding entities that contain those letters, _in that order_. So, you can instead use "bits and pieces" of the entity id to narrow down matches more quickly (e.g., "ligcha", "ltlier", or "ltcdl").
+
+This is similar to many modern developer-based applications like Sublime, VSCode, Chrome Developer Tools and GitHub file search do "quick file filter" searches.
+
+This can be really helpful when you have LOTS of entities with the same substring (e.g., "\*.living_room_\*"), but you only care about a particular _domain_. For example, rather than type out "media_player.living_" to narrow down media players in your living room, you can just type, say, "med.livroom" and get back the same set with less typing.
diff --git a/source/_includes/asides/docs_navigation.html b/source/_includes/asides/docs_navigation.html
index 914388720af..5ccf656b2e8 100644
--- a/source/_includes/asides/docs_navigation.html
+++ b/source/_includes/asides/docs_navigation.html
@@ -131,6 +131,7 @@
{% active_link /docs/tools/ Tools and Helpers %}
- {% active_link /docs/tools/dev-tools/ Developer Tools %}
+ - {% active_link /docs/tools/quick-bar/ Quick Bar %}
- {% active_link /docs/tools/hass/ hass %}
- {% active_link /docs/tools/benchmark/ benchmark %}
- {% active_link /docs/tools/check_config/ check_config %}
diff --git a/source/images/docs/quick-bar/quick-bar-command-mode.gif b/source/images/docs/quick-bar/quick-bar-command-mode.gif
new file mode 100644
index 00000000000..1054157910d
Binary files /dev/null and b/source/images/docs/quick-bar/quick-bar-command-mode.gif differ
diff --git a/source/images/docs/quick-bar/quick-bar-demo.gif b/source/images/docs/quick-bar/quick-bar-demo.gif
new file mode 100644
index 00000000000..c0e0a6624c9
Binary files /dev/null and b/source/images/docs/quick-bar/quick-bar-demo.gif differ
diff --git a/source/images/docs/quick-bar/quick-bar-entity-filter.gif b/source/images/docs/quick-bar/quick-bar-entity-filter.gif
new file mode 100644
index 00000000000..13db56ac72d
Binary files /dev/null and b/source/images/docs/quick-bar/quick-bar-entity-filter.gif differ
diff --git a/source/images/docs/quick-bar/quick-bar-switch-modes.gif b/source/images/docs/quick-bar/quick-bar-switch-modes.gif
new file mode 100644
index 00000000000..5b65c14d722
Binary files /dev/null and b/source/images/docs/quick-bar/quick-bar-switch-modes.gif differ