Snippit - Snippet Injector

About

Snippit is a developer tool for injecting and testing code snippets directly on any webpage — without leaving the browser. Write JavaScript, CSS, HTML, JSON, GraphQL, fetch requests, and more in a built-in editor, then run them on the current tab in one click.

Built for QA engineers, frontend developers, and anyone who debugs live sites.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WHY SNIPPIT?
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• Test fixes and experiments on production-like pages instantly
• Override styles, inject mock data, and probe DOM behavior safely
• Keep a personal library of reusable snippets with tags, search, and favorites
• No separate app, no account required — your data stays in your browser

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CORE FEATURES
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

EDITOR & INJECTION
• Multi-language tabs: JS, CSS, HTML, JSON, TypeScript, GraphQL, Fetch/API, YAML, XPath, JWT, CSV, SQL, Regex, Userscripts, and custom languages
• Syntax highlighting, find/replace, format, minify, undo/redo, and word wrap
• Inject into this tab or all tabs on a domain with URL pattern matching
• Per-tab undo stack — revert your last injection
• Live CSS preview and destructive-action warnings before risky injects
• 370+ built-in templates for audits, mocks, ecommerce, and debugging

DEBUGGING & CONSOLE
• Dockable console panel (bottom, left, or right) with resize handle
• Filter logs by level (error, warn, log) and search console output
• Copy or export console output
• Element picker — click any element to get CSS, XPath, Playwright, and Cypress selectors
• Fetch & GraphQL runners with request history and tab cookies support
• Fetch mock runtime and auto-inject triggers (element visible, fetch match)

LIBRARY & WORKFLOW
• Save snippets with name, description, tags, and version history
• Pin, archive, duplicate, and share snippets via clipboard
• Injection history with load, copy, and re-inject
• Quick picker (Ctrl+Shift+K) to find and run saved snippets fast
• Run ordered sequences with per-step delays; export to Playwright .spec.js
• Git-friendly export (.snippit/ bundle) and full workspace backup/import

TEAM & LOCAL GOVERNANCE (no cloud account)
• Org library export/import for sharing snippet packs offline
• Approved-snippet gate and local audit log (export/clear)
• Sync pack backup reminder — all storage is local unless you export files yourself

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
USEFUL KEYBOARD SHORTCUTS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• Ctrl+Shift+J — Toggle Snippit panel
• Ctrl+Shift+K — Quick picker (snippets & templates)
• Ctrl+Shift+I — Inject current snippet
• Ctrl+Shift+Y — Re-inject last snippet
• Ctrl+Enter — Inject from editor

(Mac: use Command instead of Ctrl)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WHO IS THIS FOR?
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Snippit is intended for developers and testers working on their own sites, staging environments, or with explicit permission. It is not designed to modify third-party websites without authorization.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PRIVACY
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Snippit does not collect, sell, or transmit your snippets to our servers. Snippets, settings, and history are stored locally in Chrome storage on your device. Network requests you run via the Fetch/GraphQL tools are initiated by you and sent only to URLs you specify.

Questions or feedback: [email protected]