FEKBD ADDONS · WIDGET #116

A ⌘K / Ctrl+K launcher like the one in your favorite apps — jump anywhere, run actions, search the whole site and its products, all from the keyboard.

Ctrl / ⌘ + K8 command typesfuzzy searchrecentsub-menuspreview panelive site searchG then H shortcuts6 skins

Press Ctrl + K or / anywhere on this page — or type G then W to jump to all widgets.

SAAS APP · INSIDE THE PAGE

Shown right inside the page here (it can also be a popup). Dark skin, filter tabs by group, shortcuts next to each command, sub-menus for workspace and language, and a preview pane on the right.

inlinedark skinfilter tabspreview panesub-menusbadges

Kivora Invoices is a fictional app — commands here are examples and don’t lead anywhere.

DOCUMENTATION · WARM PAPER

A calm paper skin for a help center. Fuzzy search forgives typos (try “instal” or “acess”), and snippet commands copy text straight to the clipboard with a small confirmation.

paper skinfuzzy searchcopy commandsread times

Example help center — the articles listed are placeholders.

ONLINE STORE · LIVE PRODUCT SEARCH

With site search on and “product” added to the content types, results arrive live from the store — with photo, price and a preview. Try “keyboard”, “lamp” or “camera”.

live searchproduct photospricespreviewglass skin
TRIGGERS · SKINS · ANIMATIONS

Each button below opens its own popup with a different skin and animation. There is also a floating corner button (bottom-left on this page).

search barpilliconfloatingmidnightgradientdropblur
Search bar · Midnight · Drop
Pill · Gradient header · Blur
Icon · Dark · Fade
BUILT IN

A launcher your visitors will actually use.

keyboardsearchactionsskins
⌨️
Keyboard first
Ctrl/⌘+K or “/” to open, arrows to move, Enter to run, Backspace to go back.
🧩
8 command types
Links, copy text, jump to a section, back to top, print, share, copy link, sub-menus.
🔎
Fuzzy search
Finds “instal” and “acess”; matching letters are highlighted.
🛍
Live site search
Posts, pages and products — with photos, prices and short descriptions.
🕘
Recent commands
The last five commands appear first next time.
🪟
Preview pane
See a picture, description and shortcut for the highlighted command.
⚡
Page shortcuts
Give commands shortcuts like G then H that work anywhere on the page.
🎨
6 skins
Light, dark, glass, midnight neon, warm paper and gradient header — popup, inline or bottom sheet on phones.

Apps, workspaces and help articles on this page are fictional examples; the site search and product results are real.

201 premium elements, Command Palette included.