Pickachu – Web Picker Tool

Pickachu – Web Picker Tool is a lightweight toolbox for grabbing colors, elements, links, fonts, images and text from any webpage.

Features

Editable modal with favorites and export
Color picker using the EyeDropper API
Element, link, font, image and text pickers
History panel grouped by type
Language and theme options
Icons adapt to light and dark mode

Installation

Clone this repository.
Open chrome://extensions in your browser and enable Developer mode.
Click Load unpacked and choose the extension folder.

The popup provides buttons to activate each tool. Data from the page is copied to your clipboard and displayed in a short notification.

Keyboard Shortcuts

Pickachu defines a single shortcut using the Chrome commands API. Press Ctrl+Shift+9 (or Cmd+Shift+9 on macOS) to open the popup from any page.

Action	Shortcut
Open popup	`Ctrl+Shift+9` / `Cmd+Shift+9` (macOS)

Repository Structure

extension/
  background.js       - service worker
  content/            - content script and styling
  icons/              - extension icons
  modules/            - picker modules
  popup/              - popup HTML, CSS and JS
  manifest.json       - Chrome extension manifest

Packaging

Run the following to create a zip archive ready for distribution:

cd extension
zip -r ../pickachu.zip .

Development

After installing dependencies with npm install, run the unit tests with:

npm test

Credits

Created by Adem İsler. If you find this project useful, consider buying me a coffee.

License

This project is licensed under the MIT License. You are free to use and modify the code as long as you retain the original copyright notice.

Privacy Policy

This extension stores your language and theme preferences and a short history of copied items in Chrome’s local storage. None of this information is transmitted or shared. For details see the privacy policy.