13 Growth Integrations: Grammar Checker, Translator, GitHub Tools & More
This guide has a free tool → Open Website Speed Test
Expanding What a Browser Tool Can Do
ToolBox started as a collection of tools for developers: JSON formatters, diff checkers, hash generators, and base converters. But the underlying principle - everything runs in your browser, nothing is sent to a server - is valuable to anyone who works with text, URLs, code, or data. Not just developers.
This release ships 13 integrations that connect ToolBox to best-in-class APIs and services, covering a wider range of users than ever before. A grammar checker and translator serve anyone who writes. A website speed test and Open Graph validator serve anyone who runs a site. GitHub integrations serve developers specifically. A webhook tester serves backend engineers. A design token converter serves design systems teams.
Every integration follows the same rule: add real capability without compromising privacy.
---
Website Speed Test
Free online website speed test - analyze page load performance metrics
URL Safety Checker
Free online URL safety checker - scan URLs for malware, phishing, and security threats
DNS Lookup
Free online DNS lookup - query DNS records (A, MX, TXT, CNAME, NS)
1. Google PageSpeed Insights - Real Lighthouse Scores
The Website Speed Test previously returned simulated performance estimates based on response time measurements. Now it calls the Google PageSpeed Insights API and returns genuine Lighthouse audit results - the same scores you see in Chrome DevTools.
What Lighthouse Measures
Lighthouse evaluates five categories, each scored from 0 to 100:
| Category | What it measures |
|---|---|
| Performance | Loading speed, rendering, responsiveness |
| Accessibility | ARIA, color contrast, keyboard navigation |
| Best Practices | HTTPS, deprecated APIs, browser compatibility |
| SEO | Meta tags, crawlability, structured data |
| PWA | Service worker, installability, offline capability |
Core Web Vitals Explained
The Performance score is built on Core Web Vitals - Google's standardized metrics for real-world page experience:
Largest Contentful Paint (LCP): Measures how long the largest visible element (usually the hero image or main heading) takes to render. Google's threshold:
- Good: under 2.5 seconds
- Needs improvement: 2.5–4.0 seconds
- Poor: over 4.0 seconds
Cumulative Layout Shift (CLS): Measures how much the page layout shifts unexpectedly during loading (an image loading that pushes text down, for example). Google's threshold:
- Good: under 0.1
- Needs improvement: 0.1–0.25
- Poor: over 0.25
Interaction to Next Paint (INP): Replaced First Input Delay in 2024. Measures the time between a user interaction (click, tap, keyboard input) and the next visual response. Google's threshold:
- Good: under 200ms
- Needs improvement: 200–500ms
- Poor: over 500ms
Mobile vs. Desktop Strategy
The tool supports both mobile and desktop strategy toggles. Mobile scores are typically lower because Lighthouse simulates a mid-tier mobile device with throttled CPU and a slower network connection. Google uses mobile scores as the primary ranking signal since the majority of web traffic comes from mobile.
Reading a PageSpeed Report
A full Lighthouse report includes opportunities (specific improvements with estimated time savings), diagnostics (additional information about performance issues), and passed audits (what is already working well).
Common issues the report surfaces:
Opportunities:
- Serve images in next-gen formats (WebP/AVIF): potential savings of 450KB
- Eliminate render-blocking resources: potential savings of 1.2s
- Properly size images: potential savings of 200KB
Diagnostics:
- Avoid enormous network payloads: total size 4.2MB
- Serve static assets with an efficient cache policy: 12 resources found
- Avoid large layout shifts: 3 elements identified[Try Website Speed Test](/tools/website-speed-test)
---
2. URL Safety Checker - Multi-Layer Link Inspection
Not every link you receive in email, chat, or documentation is safe to click. The URL Safety Checker runs four independent checks on any URL before you open it.
Layer 1: SSL Certificate Validity
The tool checks whether the domain has a valid SSL certificate, whether it is expired, and when it expires. An expired certificate does not mean a site is malicious, but it indicates poor maintenance. A missing certificate means the connection is unencrypted.
example.com certificate check:
- Valid: Yes
- Issuer: Let's Encrypt
- Issued: 2025-11-15
- Expires: 2026-02-13
- Days until expiry: 43
- Subject Alt Names: example.com, www.example.comLayer 2: Redirect Chain Analysis
Many malicious links use redirect chains to obscure the final destination. A link that appears to go to bit.ly/abc123 might redirect through three intermediate domains before landing on a phishing page.
The tool follows every redirect and shows the complete chain:
Redirect chain for bit.ly/abc123:
1. https://bit.ly/abc123 → 301 Moved Permanently
2. https://redirect-service.example.com/r?url=... → 302 Found
3. https://final-destination.com/landing → 200 OK
Final URL: https://final-destination.com/landing
Total redirects: 2
Total time: 340msLayer 3: Security Headers Audit
Security headers protect users from various attack vectors. The tool checks for six critical headers:
| Header | Purpose | Common missing |
|---|---|---|
| Strict-Transport-Security | Forces HTTPS | Very common |
| Content-Security-Policy | Prevents XSS | Very common |
| X-Frame-Options | Prevents clickjacking | Common |
| X-Content-Type-Options | Prevents MIME sniffing | Common |
| Referrer-Policy | Controls referrer info | Common |
| Permissions-Policy | Restricts browser features | Rare |
Layer 4: VirusTotal Scan (BYOK)
VirusTotal scans URLs against 70+ antivirus engines and URL scanners simultaneously. The free API allows a limited number of scans per day. With your own free VirusTotal API key (BYOK model), you can scan any URL and see whether any engine flags it as malicious, suspicious, or clean.
The integration uses k-safe practices: your API key is stored in localStorage and requests go directly from your browser to the VirusTotal API.
[Try URL Safety Checker](/tools/url-safety-checker)
---
3. DNS-over-HTTPS with WHOIS/RDAP Data
DNS queries in the standard protocol are transmitted in plain text, meaning your ISP, network administrator, or anyone on the same network can see every domain you look up. DNS-over-HTTPS (DoH) encrypts the DNS query inside a standard HTTPS request.
Two DoH Providers
| Provider | Endpoint | Privacy policy |
|---|---|---|
| Cloudflare | https://cloudflare-dns.com/dns-query | No logs of queries or IP addresses |
https://dns.google/resolve | Logs kept for a short period per privacy policy |
The DNS Lookup tool lets you choose which provider to use for each query, giving you control over who handles your DNS resolution.
Record Types Supported
The tool retrieves all major DNS record types:
| Record Type | Purpose |
|---|---|
| A | IPv4 address for the domain |
| AAAA | IPv6 address for the domain |
| CNAME | Canonical name (alias to another domain) |
| MX | Mail exchange servers (with priority) |
| TXT | Text records (SPF, DKIM, DMARC, verification tokens) |
| NS | Authoritative nameservers |
| SOA | Start of Authority (zone information) |
| PTR | Reverse DNS lookup (IP to domain) |
| CAA | Certificate Authority Authorization |
| SRV | Service records |
WHOIS and RDAP Data
Beyond DNS records, the tool now retrieves domain registration information:
Domain: example.com
Registrar: Namecheap, Inc.
Registration Date: 1995-08-14
Expiration Date: 2026-08-13
Updated Date: 2023-08-14
Name Servers:
- ns1.example.com
- ns2.example.com
Registrant Organization: Example Corp
Registrant Country: USRDAP (Registration Data Access Protocol) is the modern replacement for WHOIS, providing structured JSON responses instead of free-form text. Many registrars have migrated to RDAP, which makes parsing registration data much more reliable.
[Try DNS Lookup](/tools/dns-lookup)
---
4. Code Screenshot Sharing - Beautiful Syntax Highlights for Social Media
Code screenshots have become a standard way to share code snippets on social media, in blog posts, and in presentations. The Code Screenshot tool has been significantly expanded.
Syntax Themes
Ten popular themes are available, matching the themes developers already use in their editors:
| Theme | Style |
|---|---|
| Dracula | Dark purple/pink, high contrast |
| Nord | Cool blue tones, comfortable for reading |
| Tokyo Night | Deep blue-black with vivid highlights |
| One Dark Pro | The most popular VS Code dark theme |
| Solarized Dark | Classic, easy on the eyes |
| GitHub Dark | Matches GitHub's code display |
| Monokai | Classic dark theme from Sublime Text |
| Catppuccin Mocha | Pastel tones, warm feel |
| GitHub Light | Clean light theme |
| Solarized Light | Light version of the classic |
Export Options
The tool outputs a canvas-rendered image with multiple configuration options:
- PNG export: lossless, ideal for documentation and presentations
- SVG export: vector format, crisp at any resolution
- Padding: adjustable inside padding around the code
- Font size: adjustable from 12px to 20px
- Window chrome: optional macOS-style window decorations (colored dots)
- Background: 12 gradient options or custom solid colors
- Watermark: toggle ToolBox attribution on/off
Social Sharing
Generated images can be shared directly to:
- Twitter/X (as a tweet with the image attached)
- LinkedIn (as a post)
- Reddit (as an image post)
This workflow - write code, screenshot it, share directly - replaces the old flow of screenshotting your editor, cropping in an image editor, and uploading manually.
---
5. Social Card Validator - Six Platform Preview
When someone shares a link on social media, the platform fetches the page's Open Graph meta tags and renders a preview card. The format varies significantly across platforms.
Platform Coverage
The OG Preview tool now renders previews for six platforms:
| Platform | Card type | Key quirks |
|---|---|---|
| Twitter/X | Summary or Summary Large Image | Two different card formats based on twitter:card |
| Article-style card | Fetches at share time, caches aggressively | |
| Discord | Embed with thumbnail | Also reads Twitter card tags as fallback |
| Slack | Link unfurl | Prefers og:description; shows site name prominently |
| Small card with thumbnail | Only shows og:title and og:image | |
| iMessage | Preview card | Renders og:title, og:image, and site name |
The Tag Score
The tool calculates a 0–100 score based on:
- Presence and quality of required tags (og:title, og:description, og:image, og:url)
- Image size and aspect ratio appropriateness
- Character length of title and description
- Whether Twitter Card-specific tags are present
- Whether canonical URL matches og:url
A score below 70 means some platform previews will be degraded or broken.
[Try OG Preview](/tools/og-preview)
---
6. GitHub README Generator - Profile READMEs in Minutes
A GitHub profile README is the first thing people see when they visit your GitHub profile. It is a Markdown file in a special repository that matches your username. Many developers have rich, detailed profiles - but writing one from scratch takes significant time.
What the Generator Creates
The GitHub README Generator builds a complete profile README with:
Dynamic badges via shields.io:
GitHub stats cards:
Style presets to match different personal brand aesthetics: minimal, developer, creative, and professional.
The output is ready to copy and paste into your profile README.
[Try GitHub README Generator](/tools/github-readme-generator)
---
7. GitHub Repo Stats - Repository Intelligence at a Glance
When evaluating a GitHub repository - to decide whether to use a library, contribute to a project, or analyze a competitor - you need to look at multiple pieces of information scattered across different pages.
The GitHub Repo Stats tool pulls everything into one view:
- Stars, forks, open issues, watchers - the standard social signals
- Primary language and language breakdown - what the codebase is written in
- Last commit date - a quick health check for maintenance activity
- License - whether the project allows commercial use
- Commit activity sparkline - visual representation of activity over the past year
- Contributor count - how many people work on this project
Badge Generation
After viewing a repository's stats, the tool generates ready-to-use Markdown badge code:
These are useful in your own project's README to show that you depend on actively maintained libraries.
[Try GitHub Repo Stats](/tools/github-repo-stats)
---
8. GitHub Actions Generator - CI/CD Workflows Without Reading the Docs
GitHub Actions YAML syntax is not difficult, but looking up the right syntax for each step, understanding which actions to use, and configuring triggers correctly takes time - especially for developers new to CI/CD or infrequent GitHub Actions users.
The GitHub Actions Generator provides fully configured workflow templates:
Available Templates
| Template | What it does |
|---|---|
| Node.js CI | Install dependencies, run tests, build |
| Python CI | Set up Python, install requirements, run pytest |
| Docker Build and Push | Build image, push to Docker Hub or GHCR |
| Deploy to Vercel | Trigger Vercel deployment with environment variables |
| Deploy to GitHub Pages | Build and deploy a static site |
| Release on Tag | Create a GitHub Release when a tag is pushed |
| Dependency Update | Run npm audit, create PR for updates |
| Type Check + Lint | Run TypeScript compiler and ESLint |
Example Output: Node.js CI
name: Node.js CI
on:
push:
branches: [ "main" ]
pull_request:
branches: [ "main" ]
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [18.x, 20.x, 22.x]
steps:
- uses: actions/checkout@v4
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v4
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
- run: npm ci
- run: npm run build --if-present
- run: npm testEach template is fully configurable - you can change trigger branches, Node.js versions, test commands, and deployment targets directly in the tool.
[Try GitHub Actions Generator](/tools/github-actions-generator)
---
9. Webhook Tester - Inspect HTTP Requests in Real Time
Testing webhooks is one of the more awkward parts of backend development. A webhook is an HTTP request sent by a third-party service when an event occurs - a Stripe payment succeeded, a GitHub repository was pushed to, a Slack message was posted. To test your webhook handler, you need a publicly accessible URL. During development, your local server is not publicly accessible.
How It Works
The Webhook Tester generates a temporary public endpoint URL. Send any HTTP request to this URL - from Stripe's test mode, GitHub's webhook settings, or your own curl command - and the tool displays the full request in real time:
Request received: 2026-03-02T14:23:45Z
Method: POST
Headers:
Content-Type: application/json
X-Stripe-Signature: t=1709382225,v1=abc123def456...
User-Agent: Stripe/1.0 (+https://stripe.com/docs/webhooks)
Body:
{
"id": "evt_1234567890",
"type": "payment_intent.succeeded",
"data": {
"object": {
"id": "pi_1234567890",
"amount": 2000,
"currency": "usd"
}
}
}Testing With curl
You can also test without an external service by sending requests directly from your terminal:
# Test a basic POST webhook
curl -X POST https://webhook-tester-endpoint.toolbox-kit.com/your-unique-id \
-H "Content-Type: application/json" \
-d '{"event": "test", "data": {"key": "value"}}'
# Test with custom headers (simulating a GitHub webhook)
curl -X POST https://webhook-tester-endpoint.toolbox-kit.com/your-unique-id \
-H "Content-Type: application/json" \
-H "X-GitHub-Event: push" \
-H "X-Hub-Signature-256: sha256=abc123" \
-d '{"ref": "refs/heads/main", "repository": {"name": "my-repo"}}'[Try Webhook Tester](/tools/webhook-tester)
---
10. Design Token Converter - Bridge the Design-to-Code Gap
Design tokens are the single source of truth for visual design decisions: colors, spacing, typography sizes, border radii, shadows. They exist in design tools (Figma) and need to be output in multiple code formats.
The problem is that every format uses different syntax. A color token might need to be:
- CSS custom property (
--color-primary: #3b82f6;) - SCSS variable (
$color-primary: #3b82f6;) - Tailwind config entry (
'primary': '#3b82f6') - Swift color literal (
Color(red: 0.23, green: 0.51, blue: 0.96)) - Android XML (
<color name="color_primary">#3B82F6</color>)
The Design Token Converter translates between these formats:
// Input: W3C Design Token Format
{
"color-primary": {
"$value": "#3b82f6",
"$type": "color"
},
"spacing-4": {
"$value": "16px",
"$type": "dimension"
}
}/* Output: CSS Custom Properties */
:root {
--color-primary: #3b82f6;
--spacing-4: 16px;
}// Output: Tailwind config
module.exports = {
theme: {
extend: {
colors: {
'primary': '#3b82f6',
},
spacing: {
'4': '16px',
},
},
},
};[Try Design Token Converter](/tools/design-token-converter)
---
11. Image Compressor Upgrade - Before/After Comparison
Image optimization is one of the highest-impact performance improvements for websites. Uncompressed images are often the largest contributors to page weight.
The upgraded Image Compressor adds several features to make the optimization workflow more practical:
Before/After Slider
A draggable slider lets you compare the original and compressed image side by side. Drag left to reveal more of the compressed image, right to reveal more of the original. This makes it immediately obvious whether quality loss is acceptable at a given compression level.
Compression Presets
| Preset | Quality | Use case |
|---|---|---|
| Maximum quality | 90% | Photography, product images |
| Balanced | 75% | Blog images, hero images |
| Aggressive | 60% | Thumbnails, social media |
| Minimum size | 40% | Favicons, tiny thumbnails |
Batch Processing
Process multiple images at once instead of compressing one at a time. Particularly useful when optimizing a collection of product photos or screenshots for a documentation site.
Optional Cloudinary Integration (BYOK)
For JPEG compression, the browser's Canvas API produces good results. For advanced optimization - format conversion to WebP or AVIF, intelligent crop, quality auto-selection - the optional Cloudinary integration provides cloud-based processing. Your Cloudinary API credentials are stored in localStorage and requests go directly from your browser to Cloudinary.
[Try Image Compressor](/tools/image-compressor)
---
12. Text Translator - 30+ Languages, No Signup Required
The Text Translator makes translation accessible without sending your text to an account-locked service.
MyMemory Translation API
The integration uses MyMemory, which provides translation in 30+ language pairs using a combination of the LibreTranslate engine and human translation memory. No API key is required for reasonable usage volumes.
Supported Languages Include
Arabic, Chinese (Simplified), Chinese (Traditional), Czech, Danish, Dutch, Finnish, French, German, Greek, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Norwegian, Polish, Portuguese (Brazilian), Portuguese (European), Romanian, Russian, Spanish, Swedish, Thai, Turkish, Ukrainian, Vietnamese, and more.
Features
Auto-detect: Paste text in any language and the tool identifies the source language before translating.
Text-to-speech: Hear the pronunciation of the translation. Useful for learning how a translated phrase is spoken, not just written.
Translation history: Recent translations are saved in localStorage so you can refer back to previous work without retyping.
Swap languages: Instantly swap source and target languages to reverse a translation.
Unlike Google Translate or DeepL, which require accounts or API keys for programmatic use, MyMemory is freely accessible for moderate usage.
[Try Text Translator](/tools/text-translator)
---
13. Grammar and Spell Checker - Write With Confidence
The Grammar Checker is one of the first ToolBox tools built not specifically for developers, but for anyone who writes.
LanguageTool Integration
LanguageTool is an open-source grammar and style checker that supports 20+ languages. Unlike Grammarly, which requires an account and sends text to a commercial server, the API integration sends text directly from your browser to LanguageTool's public API.
For users who want complete privacy, LanguageTool also offers a self-hosted version - you can run it on your own server and configure the tool to use your endpoint.
Error Types Detected
| Category | Examples |
|---|---|
| Grammar | Subject-verb agreement, tense consistency |
| Spelling | Misspelled words, homophone confusion (their/there/they're) |
| Punctuation | Missing commas, double spaces, incorrect apostrophes |
| Style | Passive voice, wordy phrases, redundant expressions |
| Capitalization | Proper nouns, sentence start |
Readability Scoring
Beyond error detection, the tool calculates a Flesch Reading Ease score - a standard formula that estimates how easy text is to read based on average sentence length and average word syllable count.
| Score | Readability | Appropriate for |
|---|---|---|
| 90–100 | Very easy | General public, children |
| 70–90 | Easy | Mainstream audiences |
| 50–70 | Moderate | High school level |
| 30–50 | Difficult | College level |
| 0–30 | Very difficult | Academic, legal, technical |
The Fix All Button
Each identified error highlights the problematic text in the editor with a color code (red for spelling, orange for grammar, blue for style). Clicking a highlighted section shows the specific error and suggested correction. The "Fix All" button applies all non-conflicting corrections at once.
[Try Grammar Checker](/tools/grammar-checker)
---
Bonus: Chrome Extension and Share to Slack/Discord
The Chrome Extension
The browser extension adds a right-click context menu to any text on any webpage. Select text, right-click, and access instant operations:
- Base64 encode/decode
- JSON format
- URL encode/decode
- SHA-256 hash
- Case conversion
This brings ToolBox functionality to any site - without opening a new tab, navigating to a tool, pasting your text, and copying the result. For frequently repeated operations, this saves significant time.
Share to Slack and Discord
Five tools gained direct sharing buttons for Slack and Discord via incoming webhooks. Set up a webhook URL for your workspace or server once, and then you can send formatted output - a JSON diff, a code snippet, a formatted SQL query - directly to a channel with one click.
This is particularly useful for development teams who review code in Slack or Discord channels.
---
Growing Beyond a Developer Toolkit
This release marks a deliberate expansion of who ToolBox serves. Tools like the Grammar Checker, Text Translator, and URL Safety Checker are useful to anyone who works with text and links online - not just engineers.
At the same time, the GitHub integrations (README Generator, Repo Stats, Actions Generator) and Webhook Tester go deeper into developer workflows than many general-purpose tool sites attempt.
The goal is not to be everything to everyone - it is to be the most capable, privacy-preserving option for a wide range of practical tasks. All 13 integrations are live now. Explore them from the homepage or check the changelog for the complete release notes.
You might also like
Want higher limits, batch processing, and AI tools?