Built-in launcher for quick actions, search, and shortcuts
A pre-configured CMD + K launcher is included in the UI Foundations Kit. This launcher is designed to be a quick and easy way to access actions, search, and shortcuts. The launcher is fully customizable and can be configured to include any number of custom actions.
The CMD + K launcher is built on top of the cmdk package. Styles rely on MUI components and the UI Foundations theme to remain consistent and provide friendly defaults.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"UI Foundations Kit","colors":{"primary":"#2563eb","light":"#3b82f6","dark":"#2563eb"},"favicon":"/favicon.svg","logo":{"light":"https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/logo/light.svg?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=0ce44a1c6289df2b13bb60910a0d077a","dark":"https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/logo/dark.svg?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=3164de9be5d213affce4222e7c9762fb"},"navbar":{"links":[{"label":"Support","href":"mailto:kylerobertgill+uifoundations@gmail.com"}],"primary":{"type":"button","label":"Buy Now","href":"https://mui.com/store/previews/ui-foundations-kit-saas-admin-dashboard-template/"}},"footer":{"socials":{"x":"https://x.com/uifoundations","github":"https://github.com/gillkyle"}},"navigation":{"global":{"anchors":[{"anchor":"Kit Components","href":"https://kit.uifoundations.com/components","icon":"book-open-cover"},{"anchor":"Live Demo","href":"https://demo.uifoundations.com","icon":"computer-classic"},{"anchor":"Buy Now","href":"https://mui.com/store/previews/ui-foundations-kit-saas-admin-dashboard-template/","icon":"cart-shopping"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"uifoundationskit","hasAudioNarration":false,"actualSubdomain":"uifoundationskit","customDomains":["docs.uifoundations.com"],"gitSource":{"type":"github","owner":"gillkyle","repo":"ui-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20c5484a41910615814fd7","collectionId":"5378d982-b073-4d6e-bcca-915b7215daad","schemaVersion":"v2"},"entitlements":{},"buildId":"6a20c5484a41910615814fd7:success","clientVersion":"0.0.4044","searchFilterCounts":[{"language":"default","tag":"Documentation","count":44},{"language":"default","tag":"Kit Components by Category","count":24},{"language":"default","tag":"Tools \u0026 Modules","count":9},{"language":"default","tag":"Get Started","count":6},{"language":"default","tag":"Theme Tokens","count":5}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"tools/cmdk","slug":"/tools/cmdk","pageMetadata":{"title":"CMD + K","description":"Built-in launcher for quick actions, search, and shortcuts","icon":"command","href":"/tools/cmdk"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Built-in launcher for quick actions, search, and shortcuts\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`A pre-configured CMD + K launcher is included in the UI Foundations Kit. This launcher is designed to be a quick and easy way to access actions, search, and shortcuts. The launcher is fully customizable and can be configured to include any number of custom actions.`}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=19d4e4ee6a12cb06c56c706516d2877c`,\"data-og-width\":`639`,width:`639`,\"data-og-height\":`471`,height:`471`,\"data-path\":`images/comparisons/ui-cmdk.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?w=280\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=a80505e41f6a9ec084fad3af9e16103d 280w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?w=560\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=e8ea870417ebacf636b60daf168e49fa 560w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?w=840\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=12c74b8733d8bf3aa4a830ab047bcd58 840w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=e97bb423622c480a9b68bd7f907a9034 1100w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=111262340cb9d35cd990ef93e2176fb7 1650w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-cmdk.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=9383afa3aea3f20b530a19132ce16d7e 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`dependencies`,children:`Dependencies`}),`\n`,_jsxs(_components.p,{children:[`The CMD + K launcher is built on top of the `,_jsxs(_components.a,{href:`https://github.com/pacocoursey/cmdk`,children:[_jsx(_components.code,{children:`cmdk`}),` package`]}),`. Styles rely on MUI components and the UI Foundations theme to remain consistent and provide friendly defaults.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"CMD + K","description":"Built-in launcher for quick actions, search, and shortcuts","icon":"command","href":"/tools/cmdk"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Dependencies","slug":"dependencies","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"uifoundationskit","siteName":"UI Foundations Kit","title":"CMD + K - UI Foundations Kit","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:46:47.193Z","originalFileLocation":"tools/cmdk.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Built-in launcher for quick actions, search, and shortcuts\">\u003cmeta data-mint-head name=\"application-name\" content=\"UI Foundations Kit\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"CMD + K - UI Foundations Kit\">\u003cmeta data-mint-head property=\"og:description\" content=\"Built-in launcher for quick actions, search, and shortcuts\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"UI Foundations Kit\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.uifoundations.com/tools/cmdk\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://uifoundationskit.mintlify.app/_mintlify/api/og/v2?division=Tools+%26+Modules\u0026amp;title=CMD+%2B+K\u0026amp;description=Built-in+launcher+for+quick+actions%2C+search%2C+and+shortcuts\u0026amp;theme=d77220ebf24c4e7fb483754f\u0026amp;signature=4d2e8f5ddc4081c814a8f9bb8f859dcfc2029db56ff828119f4d403628518354\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"CMD + K - UI Foundations Kit\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Built-in launcher for quick actions, search, and shortcuts\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://uifoundationskit.mintlify.app/_mintlify/api/og/v2?division=Tools+%26+Modules\u0026amp;title=CMD+%2B+K\u0026amp;description=Built-in+launcher+for+quick+actions%2C+search%2C+and+shortcuts\u0026amp;theme=d77220ebf24c4e7fb483754f\u0026amp;signature=4d2e8f5ddc4081c814a8f9bb8f859dcfc2029db56ff828119f4d403628518354\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"UI Foundations Kit\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#2563eb\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.uifoundations.com/tools/cmdk\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/tools/cmdk.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.uifoundations.com/#organization\",\"name\":\"UI Foundations Kit\",\"url\":\"https://docs.uifoundations.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/logo/light.svg?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=0ce44a1c6289df2b13bb60910a0d077a\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.uifoundations.com#website\",\"name\":\"UI Foundations Kit\",\"url\":\"https://docs.uifoundations.com\",\"publisher\":{\"@id\":\"https://docs.uifoundations.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.uifoundations.com/tools/cmdk#webpage\",\"url\":\"https://docs.uifoundations.com/tools/cmdk\",\"name\":\"CMD + K\",\"description\":\"Built-in launcher for quick actions, search, and shortcuts\",\"dateModified\":\"2026-01-07T02:46:47.193Z\",\"isPartOf\":{\"@id\":\"https://docs.uifoundations.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.uifoundations.com/tools/cmdk#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.uifoundations.com/tools/cmdk#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tools \u0026 Modules\",\"item\":\"https://docs.uifoundations.com/tools/dark-mode\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CMD + K\",\"item\":\"https://docs.uifoundations.com/tools/cmdk\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.uifoundations.com/tools/cmdk#article\",\"headline\":\"CMD + K\",\"name\":\"CMD + K\",\"description\":\"Built-in launcher for quick actions, search, and shortcuts\",\"url\":\"https://docs.uifoundations.com/tools/cmdk\",\"mainEntityOfPage\":{\"@id\":\"https://docs.uifoundations.com/tools/cmdk#webpage\"},\"dateModified\":\"2026-01-07T02:46:47.193Z\",\"publisher\":{\"@id\":\"https://docs.uifoundations.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.uifoundations.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"UI Foundations Kit\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"UI Foundations Kit","nav":{"global":{"anchors":[{"anchor":"Kit Components","href":"https://kit.uifoundations.com/components","icon":"book-open-cover"},{"anchor":"Live Demo","href":"https://demo.uifoundations.com","icon":"computer-classic"},{"anchor":"Buy Now","href":"https://mui.com/store/previews/ui-foundations-kit-saas-admin-dashboard-template/","icon":"cart-shopping"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Get Started","pages":[{"title":"Introduction","href":"/introduction"},{"title":"Quickstart","href":"/quickstart"},{"title":"Structure","href":"/structure"},{"title":"Deployment","href":"/deployment"},{"title":"Optimization","href":"/optimization"},{"title":"Integration","href":"/integration"}]},{"group":"Theme Tokens","pages":[{"title":"Colors","icon":"palette","href":"/essentials/colors"},{"title":"Typography","icon":"text-size","href":"/essentials/typography"},{"title":"Icons","icon":"icons","href":"/essentials/icons"},{"title":"Border Radius","icon":"square","href":"/essentials/radii"},{"title":"Shadows","icon":"grid","href":"/essentials/shadows"}]},{"group":"Tools \u0026 Modules","pages":[{"title":"Dark Mode","description":"Built-in dark/light mode, without any flicker (FOUC) for all components","icon":"circle-half-stroke","href":"/tools/dark-mode"},{"title":"CMD + K","icon":"command","href":"/tools/cmdk"},{"title":"Data Grids","description":"Supplemental data grid components for use in applications.","icon":"table","href":"/tools/data-grids"},{"title":"Tours \u0026 Walkthroughs","icon":"keyboard-brightness","href":"/tools/tours"},{"title":"Threshold Filters","icon":"filter-list","href":"/tools/filters"},{"title":"Help Menu","icon":"circle-question","href":"/tools/help-menu"},{"title":"Confirm Dialogs","icon":"square-exclamation","href":"/tools/dialogs"},{"title":"Forms","icon":"pen-field","href":"/tools/forms"},{"title":"CSS Variables","icon":"square-root-variable","href":"/tools/css-variables"}]},{"group":"Kit Components by Category","pages":[{"title":"Overview","href":"/components/intro"},{"title":"App Layout - Sidebar","href":"/components/application-app-layouts-sidebar"},{"title":"App Layout - Stacked","href":"/components/application-app-layouts-stacked"},{"title":"Application app layouts dual","href":"/components/application-app-layouts-dual"},{"title":"Buttons","href":"/components/application-elements-buttons"},{"title":"Stats","href":"/components/application-elements-stats"},{"title":"Avatars","href":"/components/application-elements-avatars"},{"title":"Menus","href":"/components/application-elements-menus"},{"title":"Badges","href":"/components/application-elements-badges"},{"title":"Lists - Tables","href":"/components/application-lists-tables"},{"title":"Lists - Card Grids","href":"/components/application-lists-cardGrids"},{"title":"Layout - Containers","href":"/components/application-layout-containers"},{"title":"Layout - Dividers","href":"/components/application-layout-dividers"},{"title":"Layout - Decorations","href":"/components/application-layout-decorations"},{"title":"Forms - Authentication","href":"/components/application-forms-authentication"},{"title":"Forms - Inputs","href":"/components/application-forms-inputs"},{"title":"Forms - Selects","href":"/components/application-forms-selects"},{"title":"Nav - Navigation Bars","href":"/components/application-navigation-navbars"},{"title":"Nav - Breadcrumbs","href":"/components/application-navigation-breadcrumbs"},{"title":"Overlays - Drawers","href":"/components/application-overlays-drawers"},{"title":"Overlays - Help Menus","href":"/components/application-overlays-helpMenus"},{"title":"Overlays - Notications","href":"/components/application-overlays-notifications"},{"title":"Page Sections - Hero","href":"/components/marketing-page-sections-hero"},{"title":"Page Sections - Features","href":"/components/marketing-page-sections-features"},{"title":"Theme Definition","href":"/components/theme-themes-theme-definitions"}]}]}]},"basePath":"","title":"CMD + K - UI Foundations Kit","buildId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","deploymentId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-DXXFP6nH.js","DynamicMarkdown-B54_zNBF.js","zoom-image-lightbox-BG6oD64b.js","lightbox-handle-r17bVUz3.js"]}