How to get list of all knockout components of the page in magento?

You can get a list of all the used knockout components in the current page using uiRegistry.

Knockout Components will be defined using custom module and magento native code contains lot of predefined knockout components like minicart, authentication, customer etc…

You can also fetch custom component by its name in the get() method of the uiRegistry object.


Where COMPONENT_NAME refers your custom or magento component name.

If you want to get all the components used in the current page, you can get it using the syntax in the Console tab of Inspect Element from browser,

require('uiRegistry').get(function(arg) { console.log(})

The output of the above syntax is

knockout components
magento knockout component-list for the homepage

You can see lot of component will be displayed in the console tab.

Most common components are the customer, minicart, messages that will be used in all the pages in frontend.