PromptPad v2.0

A minimal desktop app for organizing and quick-copying your AI prompts, terminal commands, and snippets.

Built with Electron + React. No accounts, no cloud — your data stays on your machine.

What's New in v2.0

• Commands Tab — Dedicated third tab for terminal commands and one-liners, displayed in a monospace terminal-style list with $ prompt prefix
• 3-Tab Navigation — Prompts, Commands, and Tasks — each with their own folder system
• React + Vite — Full rewrite from vanilla JS to React 18 with Vite 5 for hot module reload
• Distinct Folder Icons — Document icon for Prompts, terminal icon for Commands, clipboard icon for Tasks
• Modal Transitions — Smooth fade + scale animations when opening any modal
• Delete Confirmations — All delete actions now prompt "Are you sure?" before deleting
• JSON File Store — Replaced SQLite with a zero-dependency JSON file store (no native module compilation issues)
• Bug Fixes — Fixed folder rename/delete from grid views, fixed stale state issues, fixed macOS traffic light overlap

Features

Prompts

• Organize prompts into folders displayed as square cards
• Click any prompt card to instantly copy its content to clipboard
• Copy animation: card bounce + shockwave rings + confetti particles + floating toast
• Search within folders
• Tag system with custom colors
• Folders sorted by most recently copied

Commands

• Terminal-style one-liner rows with JetBrains Mono font
• Green $ prompt prefix on each command
• Click to copy with full animation
• Same folder organization as Prompts
• Search and tag support

Tasks

• Project-based task management with checklist UI
• Markdown editor with Write/Preview tabs for task notes
• Copy task content to clipboard

General

• Dark mode toggle (persisted in localStorage)
• macOS-native hidden titlebar with traffic light buttons
• Glass-effect UI with backdrop blur
• Copy stats with 7-day bar chart
• Export all prompts
• Keyboard shortcuts: Esc to close modals, Cmd+Enter to save

Install

From DMG (macOS)

Download the latest .dmg from Releases, open it, and drag PromptPad to Applications.

First launch: right-click the app and select "Open" to bypass Gatekeeper (the app is not notarized).

From source

git clone https://github.com/yourusername/promptpad.git
cd promptpad
npm install
npm run dev

Build

# macOS
npm run dist:mac

# Windows
npm run dist:win

# Linux
npm run dist:linux

Output goes to dist/.

Data Storage

All data is stored locally in a single JSON file:

• macOS: ~/Library/Application Support/promptpad/promptpad-data.json
• Windows: %APPDATA%/promptpad/promptpad-data.json
• Linux: ~/.config/promptpad/promptpad-data.json

Tech Stack

• Electron — Cross-platform desktop runtime
• React 18 — UI framework
• Vite 5 — Dev server and bundler
• Outfit — Display font
• JetBrains Mono — Monospace font for commands and code

Project Structure

promptpad/
├── main.js              # Electron main process + JSON data store + IPC handlers
├── preload.js           # Context bridge (window.api)
├── index.html           # Vite entry point
├── package.json         # v2.0.0
├── vite.config.js       # Vite + React plugin config
└── src/
    ├── main.jsx         # React entry
    ├── App.jsx          # Full app component
    ├── index.css        # All styles
    └── utils/
        ├── animations.js  # Copy animations (shockwave, particles, toast)
        └── constants.js   # Tag color palette

Author

Simon Pihler

License

MIT