Skip to content

digimob-apps/digishot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 

Repository files navigation

DigiShot logo

DigiShot

The all-in-one screenshot, annotation & screen recording extension for Chrome and Firefox.

Chrome Web Store   Firefox AMO   MIT License   digimob.app



Features

Feature Description
Zone capture Draw a selection rectangle on any page to capture exactly the area you need
Full-page capture Automatically scrolls the page and stitches a pixel-perfect screenshot of the entire document
Annotation tools Draw boxes, highlights and arrows directly on any capture before saving
Screen recording Record your screen as WebM video with an optional visible cursor highlight
Cursor highlight Show a customisable coloured halo around the cursor — ideal for tutorials and demos
49 languages Fully localised UI: Arabic, Chinese (Simplified & Traditional), French, German, Hindi, Japanese, Spanish, and 42 more

Screenshots

Screenshots will be added before the first store release.


Install from store

Browser Link
Google Chrome Chrome Web Store — link coming soon
Mozilla Firefox Firefox Add-ons (AMO) — link coming soon

Install for development

Requirements: Node 18+, npm 9+

# Clone
git clone https://github.com/digimob-apps/digishot.git
cd digishot

# Install dependencies
npm install

# Build (outputs to dist/)
npm run build

Load in Chrome / Chromium

  1. Open chrome://extensions
  2. Enable Developer mode (top-right toggle)
  3. Click Load unpacked → select the dist/ folder
  4. Reload your target tab before testing

Load in Firefox

  1. Open about:debuggingThis Firefox
  2. Click Load Temporary Add-on… → select dist/manifest.json
  3. Reload your target tab before testing

How it works

DigiShot is a Manifest V3 extension with three independent components:

  • background.js (service worker) — orchestrates full-page capture by scrolling the tab via chrome.scripting.executeScript and stitching tiles onto an OffscreenCanvas.
  • content.js (injected into every page) — renders the zone-selection overlay, the annotation modal, and the video-recording UI directly in the page DOM.
  • popup / options (React) — extension popup and settings page.

All image data stays on-device. See PRIVACY_POLICY.md for the full data audit.


Permissions

Permission Why it is needed
activeTab Capture the visible area of the current tab
scripting Inject content scripts and execute scroll commands for full-page capture
tabs Query and capture the active tab; send messages to content scripts
storage Persist user settings and the recent-captures gallery locally
contextMenus Add right-click menu entries (Capture Zone, Capture Full Page, Record Video)
desktopCapture Provide the media stream used by the screen recorder
<all_urls> Run the content script on any page the user wants to capture

Contributing

Pull requests are welcome. For significant changes please open an issue first to discuss the approach.

  1. Fork the repository
  2. Create a feature branch (git checkout -b feat/your-feature)
  3. Commit your changes
  4. Open a pull request

Links


License

MIT © 2026 DigiMob Apps

About

Screenshot, annotation & screen recording extension for Chrome and Firefox

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors