Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gorkemcetin/awesome-command-palette

Awesome command palette libraries, implementations and blog posts
https://github.com/gorkemcetin/awesome-command-palette

List: awesome-command-palette

Last synced: 16 days ago
JSON representation

Awesome command palette libraries, implementations and blog posts

Awesome Lists containing this project

README 

        
# Command palette resources



💡 *Brought to you by [Magny](https://magny.io), a free SaaS service to add command palettes in your application. This repo is also available at [commandpalette.org](https://commandpalette.org)*



A command palette is a **user interface element** that provides access to a set of commands or actions. It typically appears as vertical menu of options and can be accessed using keyboard or mouse.



The purpose of a command palette is to provide users with a **quick and convenient way** to access a wide range of commands and actions, without having to navigate through multiple menus or screens.



It is an efficient and user-friendly way to provide **access to a large number of actions** within an app, and can help users to quickly and easily perform a wide range of tasks. 



## Blog posts



- [Command Palette Interfaces](https://philipcdavis.com/writing/command-palette-interfaces), by Philip Davis

- [The History of Command Palettes: How Typing Commands Became The Norm Again](https://capiche.com/e/consumer-dev-tools-command-palette), by Matthew Guay

- [Why we started Magny: a future outlook](https://magny.ghost.io/why-we-started-magny/), by [Magny](https://magny.io)

- [How to build a remarkable command palette](https://blog.superhuman.com/how-to-build-a-remarkable-command-palette/), by Tim Boucher (Superhuman)

- [Writing command palette interfaces](https://philipcdavis.com/writing/command-palette-interfaces) by Philip Davis

- [Good design patterns: the command palette](https://williamvds.me/blog/command-palette/), by William Vigolo da Silva

- [Designing a command palette](https://plutoapp.xyz/blog/post/designing-a-command-palette/), by Pluto

- [Rise of the “keyboard-first” generation](https://art19.com/shows/intercom-on-product/episodes/10ee6fbe-13ef-48c6-af5e-3477bdbe87e3), podcast by Des Traynor and Paul Adams

- [Every App Should Have a Power Bar](https://debugger.medium.com/every-app-should-have-a-power-bar-dc2d2507a0e5), by Owen Williams

- [The command line comeback](https://gabygoldberg.medium.com/the-command-line-comeback-9857b49c7423), by Gaby Goldberg

- [Keyboard first](https://www.swyx.io/keyboard-first), by swyx

- [No Code, All Keys: Designing SwiftUI Faster with Your Keyboard](https://detailspro.app/blog/no-code-all-keys-designing-swiftui-faster-with-your-keyboard), by Sahand Nayebaziz

- [Command K Bars](https://maggieappleton.com/command-bar), by Maggie Appleton

- [Spoil your power users: add command palettes](https://blog.grio.com/2022/10/spoil-your-power-users-add-command-palettes.html), by Miguel Campos



## Desktop command palette apps & launcher bars



- [Raycast](https://raycast.com), an extendable launcher letting you complete tasks, calculate, share common links and more.

- [Alfred](https://www.alfredapp.com/), a productivity app for MacOS which boosts your efficiency with hotkeys, keywords, text expansion and more.

- [Ueli](https://ueli.app/), an open source keystroke launcher for Windows and macOS

- [Sol](https://github.com/ospfranco/sol), another open source MacOS launcher & command palette

- [Paletteau](https://github.com/SleepyBag/Paletteau), a global command palette for Windows

- [Paletro](https://appmakes.io/paletro), a command palette for MacOS

- [Sol](https://sol.ospfranco.com/), an app launcher for MacOS

- [LaunchBar](https://obdev.at/products/launchbar), app launcher and document browser

- [Lacona](https://lacona.app), an app to find files and launch apps for MacOS

- [Keypirinha](https://keypirinha.com/), a launcher for Windows

- [Albert](https://github.com/albertlauncher/albert), a launcher for Linux similar to Alfred

- [Rofi](https://github.com/davatorium/rofi): A window switcher, application launcher and dmenu replacement



## Libraries



### General



- [Ninja keys:](https://github.com/ssleptsov/ninja-keys) Keyboard shortcuts interface for your website. Works with static HTML, Vanilla JS, Vue, React, Svelte.

- [Command pal:](https://github.com/benwinding/command-pal) The hackable command palette for the web, inspired by Visual Studio Code.



### React



- [Cmdk:](https://github.com/pacocoursey/cmdk/) A fast, unstyled command palette React component.

- [Kbar:](https://github.com/timc1/kbar) A fast, portable, and extensible cmd+k interface for your site.

- [Kmenu:](https://github.com/harshhhdev/kmenu) An animated and accessible command menu.

- [React command palette:](https://github.com/asabaylus/react-command-palette) An accessible browser compatible javascript command palette

- [Scoutbar:](https://github.com/adenekan41/scoutbar) User-friendly, easy-to-use, scalable, and highly customizable component.

- [React-cmd:](https://github.com/albingroen/react-cmdk) A fast, accessible, and pretty command palette for React.

- [React super command](https://github.com/saharmor/react-super-cmd): A sleek command palette modal for React apps.

- [Superkey:](https://github.com/pheralb/superkey) A stylized command palette for React



### Vue



- [Vue command palette:](https://github.com/xiaoluoboding/vue-command-palette) A fast and unstyled command palette for Vue.



### Svelte



- [Svelte command palette:](https://github.com/rohitpotato/svelte-command-palette) Dead simple command palette for Svelte



### SolidJS



- [Solid command palette:](https://solid-command-palette.vercel.app/) UI Library for Command Palette in SolidJS webapps



### GTK+



- [Plotinus:](https://github.com/p-e-w/plotinus) A searchable command palette in every modern GTK+ application



### Flutter



- [Flutter command palette](https://pub.dev/packages/command_palette): A Flutter widget that allows you to bring up a command palette



### Browser extensions



- [Commander](https://ssundarraj.com/commander/): A command palette for Chrome

- [Simplehuman:](https://simplehuman.email/) Command center and keyboard shortcuts for Gmail



## Plugins / extensions



Plugins/extensions below are provided by 3rd parties.



- [TW-commandpalette:](https://github.com/Souk21/TW-commandpalette) A command palette for TiddlyWiki ([demo](https://souk21.github.io/TW-commandpalette/))

- [Craft CMS command palette:](https://github.com/am-impact/amcommand) Command palette for [Craft CMS](https://plugins.craftcms.com/palette?craft4)

- [Sharepoint command palette](https://github.com/habaneroconsulting/sp2013-commandpalette)

- [Godot command palette:](https://github.com/IvanFon/godot-command-palette) A quick file finder and command palette for the Godot game engine

- [WP command palette:](https://github.com/dinhtungdu/command-palette) Bring the power of text editor command palette to WordPress Admin.

- [Adobe Illustrator command palette](https://github.com/joshbduncan/AiCommandPalette)

- [Electron command palette](https://github.com/Armaldio/electron-command-palette)

- [Framer motion command palette](https://github.com/kaito-http/palette), inspired by Linear, Raycast & [paco.sh](http://paco.sh/)

- [Ghidra command palette](https://github.com/danbrodsky/GFred)

- [Notion palette:](https://github.com/ruter/notion-palette) Supercharge your workspace with the command palette within Notion



## Applications with command palette



A link to AlternativeTo: [https://alternativeto.net/feature/command-palette/](https://alternativeto.net/feature/command-palette/)



| Application | Shortcut | News/documentation |

| --- | --- | --- |

| Atom | Ctrl + Shift + k | https://atom.io/packages/command-palette-plus |

| Caret | Ctrl + Shift + p | https://medium.com/@macosxguru/caret-hits-version-2-and-sprouts-a-command-palette-2c99ad2b3e78 |

| Edge | Ctrl + Shift + Space | https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/experimental-features/edge-command-palette |

| https://www.figma.com/ | Ctrl / Cmd + / or Ctrl / Cmd + p | https://help.figma.com/hc/en-us/articles/360040328653-Use-shortcuts-and-quick-actions |

| https://inkscape.org/ | Shift + Alt + P | https://dev.to/rathod_sahaab/inkscape-command-palette-gsoc-2020-516p |

| https://www.jetbrains.com/Datalore | Shift Shift | https://www.jetbrains.com/help/datalore/dl-command-palette.html |

| https://slack.com/ | Ctrl / Cmd + k |  |

| https://sublimemerge.com | Ctrl / Cmd + p | https://www.sublimemerge.com/docs/command_palette |

| https://code.visualstudio.com/ | Ctrl / Cmd + Shift + p |  |

| http://sigmaos.com/ | Ctrl / Cmd + k |  |

| https://detailspro.app/ | Cmd + k | https://detailspro.app/blog/no-code-all-keys-designing-swiftui-faster-with-your-keyboard |

| https://threads.com | Cmd + k |  |

| https://www.streak.com/ | Cmd + Shift + p or Ctrl + Shift + p  | https://www.streak.com/post/turbocharge-your-workflow-with-the-new-command-palette |

| https://lapce.dev | Cmd + Shift + p or Ctrl + Shift + p  | https://docs.lapce.dev/get-started/command-palette |



## Web/SaaS apps with command palette



If you have an account with them, just go and try.



| Web site | Shorcut | News/documentation |

| --- | --- | --- |

| https://circleci.com | Ctrl / Cmd + k |  |

| https://github.com | Ctrl / Cmd + k | https://docs.github.com/en/get-started/using-github/github-command-palette |

| https://github.com/theonedev/onedev |  | https://github.com/theonedev/onedev |

| https://sentry.io | Ctrl / Cmd + k | https://blog.sentry.io/2018/06/26/shipping-sentry-9/ |

| https://vercel.app/ | Ctrl / Cmd + k |  |

| UIPath | Ctrl + Shift + p | https://docs.uipath.com/studio/docs/the-user-interface#section-the-command-palette |

| https://prise.com/ | Cmd + k |  |

| https://linear.app | Ctrl / Cmd + k |  |

| https://crystallize.com/ | Ctrl / Cmd + k | https://crystallize.com/learn/user-guides/getting-started/command-palette |

| https://railway.app/ | Cmd + k | https://railway.app/changelog/2021-10-15 |



## Other implementations



- [Poepalette:](https://github.com/ranoya/poepalette) A command palette for links (bookmarks)



💡 If you would like to make a correction, or suggest an addition to this page, please send an email to [email protected]