The Omnibar is a command palette for the CodePen editor. Any command that is possible to run in the new editor is possible through the Omnibar and findable with “fuzzy search”. So you have powerful access just by remembering one keyboard command: ⌘-K (mac) or Ctrl-K (pc).

You can also click the search bar in the top center of the editor to open it.

Try typing “new” and you’ll see commands for “New File” and “New Folder” and other commands and files that might match that text.

What you can do with the Omnibar

• Run commands (e.g. “Save Pen as Private”, “Start Tour”, or “New File”)
• Open Files (e.g. type “i” and you’ll likely get able to jump right to your “index.html” file)
• Jump to Settings (e.g. type “title” to “Edit Pen Title”)
• Control the View (e.g. type “minim” to “Toggle Minimal UI” mode)
• Jump to Blocks (e.g. type “sass” to jump to the Sass Block tab which you can add or control from there)

And more! Explore! We’re always trying to make the Omnibar as powerful as possible.

As you find commands in there, you’ll visually see the direct keyboard command for the action if it’s relevant, so you can learn how to execute that command directly without the Omnibar. But you don’t need to, the Omnibar is an awfully fast way to get there as well.

Alternate Commands

Because you can use the Omnibar to open a file, we’ve also bound ⌘-O (mac) or Ctrl-O (pc) to open the Omnibar.

And for your VS Code users who are used to ⌘-P (mac) or Ctrl-P (pc) for the command palette there, that works with or without the Shift key.