Skip to main content
The Command Palette provides instant access to any of the 51 tools in Kayston’s Forge with keyboard-driven fuzzy search.

​
Opening the Palette

Press Cmd+K (macOS) or Ctrl+K (Windows/Linux) from anywhere in the app to open the Command Palette.
The Command Palette works on any tool page — you don’t need to navigate back to the home page to switch tools.

​
Search Functionality

The palette searches across:
  • Tool names — e.g., “JSON Format/Validate”
  • Descriptions — e.g., “Validate and format JSON”
  • Keywords — e.g., searching “token” finds JWT Debugger, searching “timestamp” finds Unix Time Converter

​
How It Works

  1. Type your search query in the input field
  2. Results filter in real-time as you type
  3. The search is case-insensitive and matches any part of the name, description, or keywords
  4. Up to 12 results are displayed at once
# Search by tool name
json          → JSON Format/Validate, JSON to YAML, JSON to CSV, ...

# Search by category
beautify      → HTML Beautify, CSS Beautify, JS Beautify, ...

# Search by keyword
timestamp     → Unix Time Converter
token         → JWT Debugger, Random String Generator
hash          → Hash Generator

​
Keyboard Navigation

KeyAction
↓Move selection down
↑Move selection up
EnterOpen selected tool
EscClose palette
The selected tool is highlighted with the brand accent color. The palette automatically scrolls to keep the selected item visible.

​
Interface Details

Each result shows:
  • Tool icon — Visual indicator from Heroicons
  • Tool name — Primary identifier
  • Description — Brief explanation of what the tool does
  • Category label — e.g., “Encoding & Encryption”, “Data Transformers”

​
Default Results

When you open the palette without typing a query, the first 12 tools from the registry are displayed. This provides quick access to commonly used tools like:
  • JSON Format/Validate
  • Base64 String Encode/Decode
  • JWT Debugger
  • RegExp Tester
  • URL Parser

​
Implementation Notes

The Command Palette is a client-side React component (components/layout/CommandPalette.tsx) that:
  • Manages focus automatically when opened
  • Debounces search queries for performance
  • Uses Zustand for state management (open/closed state)
  • Filters tools synchronously with useMemo for instant results
The palette search runs entirely in your browser — no network requests are made when searching.

​
Tips for Power Users

  1. Learn tool keywords — Keywords often provide shorter search paths (e.g., “cron” instead of “Cron Job Parser”)
  2. Use the first few letters — Most tools have unique prefixes (e.g., “sql” finds SQL Formatter and CSV to SQL INSERT)
  3. Navigate by category — Searching “beautify”, “generator”, or “format” groups related tools
  4. Keep the palette open — Navigate with arrow keys and press Enter when you find your tool

Build docs developers (and LLMs) love

Get started for freeTalk to us