Privasi & Kepatuhan

⚡

Core Web Vitals Budget Calculator

HTML (KB)

CSS (KB)

JavaScript (KB)

Images (KB)

Fonts (KB)

Other (KB)

Total Requests

Connection

Check if your page fits within Google's Core Web Vitals thresholds. Input your page weight by resource type and request count to get an instant budget analysis.

⚡

Page Speed Estimator

Total Page Weight (KB)

Number of Requests

Server Response Time / TTFB (ms)

Connection Type

Render-Blocking Resources

Unoptimized Images (%)

Predict your page load time and get actionable optimization tips. Based on real-world performance models.

🔒

Kebijakan Privasi Generator

Business / Website Name (required)

Website URL (required)

Business Type

Primary Jurisdiction

Email Address (for privacy contact)

Data Collection Practices (check all that apply)

Contact form data Analytics (Google, etc.) Advertising pixels Payment processing Email newsletter Cookies / tracking Location data Third-party sharing

Generate a customized privacy policy for your website. Covers GDPR, CCPA, and major jurisdictions. Always review with a legal professional before publishing.

🍪

Cookie Policy Generator

Cookies Used (check all that apply)

Strictly Necessary Preferences / Functionality Analytics Marketing / Advertising Social Media Third-Party Sharing

Generate a customized cookie policy for your website. Includes jurisdiction-specific consent requirements and a cookie category table. Always review with a legal professional before publishing.

🛡️

Warranty & Guarantee Policy Generator

Business Name

Business Type

Service Type

Warranty Period

Coverage Type

State/Jurisdiction

Exclusions (select all that apply)

Misuse/Abuse Unauthorized Mods Normal Wear & Tear Pre-Existing Conditions Weather/Natural Disaster Third-Party Parts Lack of Maintenance Commercial Use

Generate warranty & guarantee policies tailored to your service business. Covers HVAC, Plumbing, Roofing, and more.

💸

Refund Policy Generator

Business Name

Website URL

Business Type

Refund Window (days)

Refund Method

Restocking Fee

Return Shipping

Jurisdiction

Non-Refundable Items (select all that apply)

Items on sale/clearance Digital downloads (after access) Custom/personalized items Perishable goods Gift cards Intimate/apparel (hygiene) Services already rendered Downloaded software

Return Conditions (select all that apply)

Original tags attached Original packaging Unworn/unused condition Proof of purchase/receipt Not damaged by customer Not washed (apparel) Ship within 30 days of delivery Sealed packaging intact (media)

Generate clear refund & return policies for e-commerce, digital products, SaaS, and services. FTC + EU + state-law aware.

⚡

HTML Minifier & Beautifier

Tempel HTML di sini

Output: —

Kompresi:

—

Minify mengurangi ukuran HTML dengan menghapus spasi & komentar. Beautify merapikan indentasi. Berguna untuk optimasi kecepatan halaman.

🎨 WCAG Color Contrast Checker

Check if your text/background color combinations meet WCAG 2.1 accessibility standards. Enter foreground and background colors to compute the contrast ratio and see if they pass AA or AAA requirements for normal and large text. Essential for accessible web design — low contrast is one of the most common WCAG failures.

Foreground (text) color:

Background color:

✨ SVG Optimizer

Clean, minify, and optimize SVG markup. Removes comments, doctype, unnecessary whitespace, empty elements, and useless attributes. See exactly how many bytes you save — critical for faster page loads and cleaner hand-authored SVG. Works entirely in your browser, no upload needed.

Paste your SVG markup:

📊 Web Vitals Estimator

Paste your HTML source and get a Core Web Vitals breakdown (LCP, CLS, INP, FCP, Speed Index), severity-graded findings, and an overall performance score (0-100). Detects missing image dimensions, render-blocking resources, missing viewport meta, and other markup-level perf killers. Works entirely offline — no browser, no Lighthouse run needed.

HTML Source:

🗜️ HTML Compression Diff Tool

Paste two HTML snippets (original vs minified) — or paste one and let us minify it for you. Get byte-savings, structural diff, safety score, and side-by-side rendered preview. Flags critical content (scripts, styles, <pre>, <textarea>) so you know whether the minify is safe to ship. Built for anyone who copy-pastes embed code between tools and wants a defensible "minify or leave alone" call.

Original HTML: Minified / Compressed HTML (leave empty to auto-minify the original): Compression Mode:

📐 Performance Budget Planner

Set performance budgets for LCP, CLS, INP, FCP, TTFB, page weight, and requests. Compare against actual measured values to see budget remaining, deficits, and prioritized recommendations for staying within budget. Pairs with Lighthouse-Style Page Audit Score (#106) and Web Vitals Estimator (#108).

Target LCP (ms): Actual LCP (ms): Target CLS: Actual CLS: Target INP (ms): Actual INP (ms): Target FCP (ms): Actual FCP (ms): Target TTFB (ms): Actual TTFB (ms): Target Page Weight (KB): Actual Page Weight (KB): Target Requests: Actual Requests:

🍪 Cookie Banner Compliance Checker

GDPR / ePrivacy / CCPA scanner for cookie consent banners. Detects Accept/Reject parity, granular categories, pre-checked boxes, dark patterns, and pre-consent script firing. Paste your banner HTML or page source. Pure offline.

Paste banner HTML or full page source:

Jurisdiction:

Strict mode:

🚪 Lighthouse-Style Page Audit Score

Get a Lighthouse-style composite score across Performance, Accessibility, Best Practices, and SEO. Enter your page metrics and toggle the checks you pass — get a 0-100 score per category plus prioritized fixes. No API key needed.

📜

Ketentuan Layanan Generator

Business / Website Name (required)

Website URL (required)

Business Type

Governing Law (Jurisdiction)

Contact Email

Service Model

Generate a customized Ketentuan Layanan agreement for your website or app. Covers governing law, liability, IP, user responsibilities, and dispute resolution. Always review with a qualified attorney before publishing.

⚖️

DMCA Takedown Notice Generator

Generate a 17 USC §512(c)(3) Takedown Notice or §512(g)(3) Counter-Notice with the six statutory elements checked. Plain-text and HTML output, copy or download.

Mode

Service Provider / ISP

Claimant (Copyright Owner / Authorized Agent)

Full Legal Name (required)

Title / Role

Company (optional)

Street Address

City / State / ZIP / Country

Email (required)

Phone (required)

Copyrighted Work (Takedown) / Removed Material (Counter)

Work Description (required for Takedown)

Infringing / Removed URLs (one per line, required)

Provider Designated Agent URL (Takedown only)

Filing Date / Reference (Counter)

Good-Faith Statement (required, included by default — edit only if you have a reason)

Typed Name as Electronic Signature (required)

Web Accessibility & WCAG Compliance Checker

Paste any HTML code → get a WCAG 2.1 AA compliance score (0-100), letter grade, severity-graded findings across 15+ checks, and prioritized remediation recommendations. Checks alt text, ARIA labels, form labels, heading hierarchy, link text, language attributes, and more.

Paste your HTML code below:

<div class="tool-buttons">
      <button onclick="runWCAGCheck()" class="tool-btn">Check Accessibility</button>
      <button onclick="clearWCAG()" class="tool-btn tool-btn-secondary">Clear</button>
      <button onclick="loadSampleWCAG('good')" class="tool-btn tool-btn-secondary">Load Good Sample</button>
      <button onclick="loadSampleWCAG('bad')" class="tool-btn tool-btn-secondary">Load Bad Sample</button>
    </div>
    <div id="wcag-output" style="display:none;">
      <div class="wcag-stats-grid">
        <div class="wcag-stat-card"><div class="wcag-stat-num" id="wcag-score">--</div><div class="wcag-stat-lbl">Score / 100</div></div>
        <div class="wcag-stat-card"><div class="wcag-stat-num" id="wcag-grade">--</div><div class="wcag-stat-lbl">Grade</div></div>
        <div class="wcag-stat-card"><div class="wcag-stat-num" id="wcag-errors">--</div><div class="wcag-stat-lbl">Errors</div></div>
        <div class="wcag-stat-card"><div class="wcag-stat-num" id="wcag-warnings">--</div><div class="wcag-stat-lbl">Warnings</div></div>
        <div class="wcag-stat-card"><div class="wcag-stat-num" id="wcag-passed">--</div><div class="wcag-stat-lbl">Passed</div></div>
        <div class="wcag-stat-card"><div class="wcag-stat-num" id="wcag-total">--</div><div class="wcag-stat-lbl">Total Checks</div></div>
      </div>

      <div class="wcag-grade-badge" id="wcag-grade-badge">Grade: --</div>
      <div class="wcag-verdict wcag-verdict--" id="wcag-verdict">--</div>
      <div id="wcag-findings"></div>
      <div id="wcag-recs"></div>
      <div class="tool-buttons">
        <button onclick="copyWCAGReport()" class="tool-btn">Copy Report</button>
        <button onclick="copyWCAGStatement()" class="tool-btn tool-btn-secondary">Copy Statement</button>
        <button onclick="downloadWCAGJSON()" class="tool-btn tool-btn-secondary">Download JSON</button>
      </div>
    </div>
  </div>
</div>
        
        <div class="tool-card" id="card-327">
            <div class="tool-header">
                <span class="tool-icon">📋</span>
                <h3>Records of Processing Activities (ROPA) Generator</h3>
            </div>
            <div class="tool-desc">GDPR Art. 30 compliance. Generate complete ROPA records with mandatory fields, compliance checklist, and downloadable report.</div>
            <div class="ropa-section">
                <div class="ropa-section-title">🏢 Organization Details</div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-org">Organization Name *</label><input type="text" id="ropa-org" placeholder="e.g. Acme Corp Ltd"></div>
                    <div class="ropa-field"><label for="ropa-address">Address *</label><input type="text" id="ropa-address" placeholder="Street, City, Country"></div>
                </div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-dpo-name">DPO Name</label><input type="text" id="ropa-dpo-name" placeholder="Data Protection Officer name"></div>
                    <div class="ropa-field"><label for="ropa-dpo-contact">DPO Contact *</label><input type="text" id="ropa-dpo-contact" placeholder="email@company.com or +1-555-0100"></div>
                </div>
            </div>
            <div class="ropa-section">
                <div class="ropa-section-title">📊 Processing Activity</div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-activity">Activity Name *</label><input type="text" id="ropa-activity" placeholder="e.g. Customer Newsletter Management"></div>
                    <div class="ropa-field"><label for="ropa-purpose">Purpose *</label><input type="text" id="ropa-purpose" placeholder="Why this processing is necessary"></div>
                </div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-subjects">Data Subjects Categories *</label><input type="text" id="ropa-subjects" placeholder="Customers, Prospects, Website visitors"></div>
                    <div class="ropa-field"><label for="ropa-data-cats">Personal Data Categories *</label><input type="text" id="ropa-data-cats" placeholder="Name, email, IP, purchase history"></div>
                </div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-recipients">Recipients</label><input type="text" id="ropa-recipients" placeholder="Email provider, CRM, Analytics"></div>
                    <div class="ropa-field"><label for="ropa-retention">Retention Period *</label><input type="text" id="ropa-retention" placeholder="e.g. 3 years after last activity"></div>
                </div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-intl">International Transfers?</label>
                        <select id="ropa-intl">
                            <option value="no">No</option>
                            <option value="yes-adequacy">Yes — adequacy decision</option>
                            <option value="yes-scc">Yes — SCCs/BCRs</option>
                            <option value="yes-none">Yes — no safeguards</option>
                        </select>
                    </div>
                    <div class="ropa-field"><label for="ropa-security">Security Measures</label><input type="text" id="ropa-security" placeholder="Encryption, access control, 2FA, logging"></div>
                </div>
                <div class="ropa-field-row">
                    <div class="ropa-field"><label for="ropa-lawful">Legal Basis *</label>
                        <select id="ropa-lawful">
                            <option value="consent">Consent (Art. 6(1)(a))</option>
                            <option value="contract">Contract (Art. 6(1)(b))</option>
                            <option value="legal">Legal Obligation (Art. 6(1)(c))</option>
                            <option value="vital">Vital Interests (Art. 6(1)(d))</option>
                            <option value="public">Public Task (Art. 6(1)(e))</option>
                            <option value="legitimate">Legitimate Interests (Art. 6(1)(f))</option>
                        </select>
                    </div>
                    <div class="ropa-field"><label for="ropa-joint">Joint Controller?</label>
                        <select id="ropa-joint">
                            <option value="no">No — sole controller</option>
                            <option value="yes">Yes — joint controllership</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="ropa-buttons">
                <button type="button" id="ropa-generate" class="btn-primary">Generate ROPA Record</button>
                <button type="button" id="ropa-sample" class="btn-tertiary">Load Sample (SaaS)</button>
                <button type="button" id="ropa-clear" class="btn-tertiary">Clear</button>
            </div>
            <div id="ropa-output" class="ropa-output"></div>
        </div>

</section>
        
    <div class="tool-card" id="card-261">
      <div class="tool-header">
        <span class="tool-icon">🍪</span>
        <h3>Cookie Consent Banner Code Generator</h3>
      </div>
      <div class="tool-body">
        <p class="tool-desc">Generate production-ready HTML + JS + CSS cookie consent banner code for your website. Configure position, consent type, style, categories, and jurisdiction — get copy-paste code with live preview and compliance scoring.</p>
        <div class="ccg-inputs">
          <div class="ccg-field-row">
            <div class="ccg-field">
              <label for="ccg-position">Banner Position</label>
              <select id="ccg-position">
                <option value="bottom" selected>Bottom Bar</option>
                <option value="top">Top Bar</option>
                <option value="floating-bl">Floating Bottom-Left</option>
                <option value="floating-br">Floating Bottom-Right</option>
                <option value="modal">Center Modal</option>
              </select>
            </div>
            <div class="ccg-field">
              <label for="ccg-type">Consent Type</label>
              <select id="ccg-type">
                <option value="optin" selected>Opt-in (GDPR)</option>
                <option value="optout">Opt-out (CCPA)</option>
                <option value="implied">Implied (Minimal)</option>
                <option value="explicit">Explicit (Strictest)</option>
              </select>
            </div>
          </div>
          <div class="ccg-field-row">
            <div class="ccg-field">
              <label for="ccg-style">Banner Style</label>
              <select id="ccg-style">
                <option value="simple" selected>Simple (Accept/Reject)</option>
                <option value="categorized">Categorized (per-category)</option>
                <option value="detailed">Detailed (full settings)</option>
              </select>
            </div>
            <div class="ccg-field">
              <label for="ccg-jurisdiction">Jurisdiction</label>
              <select id="ccg-jurisdiction">
                <option value="gdpr" selected>EU GDPR</option>
                <option value="ccpa">California CCPA</option>
                <option value="uk">UK GDPR + PECR</option>
                <option value="both">Both (Strictest)</option>
                <option value="global">Global (Adaptive)</option>
              </select>
            </div>
          </div>
          <div class="ccg-field-row">
            <div class="ccg-field">
              <label for="ccg-primary">Primary Color</label>
              <input type="color" id="ccg-primary" value="#3b82f6">
            </div>
            <div class="ccg-field">
              <label for="ccg-bg">Background Color</label>
              <input type="color" id="ccg-bg" value="#ffffff">
            </div>
          </div>
          <div class="ccg-field-row">
            <div class="ccg-field">
              <label for="ccg-text">Text Color</label>
              <input type="color" id="ccg-text" value="#1f2937">
            </div>
            <div class="ccg-field">
              <label for="ccg-privacy-url">Kebijakan Privasi URL</label>
              <input type="url" id="ccg-privacy-url" placeholder="https://example.com/privacy">
            </div>
          </div>
          <div class="ccg-field-full">
            <label>Cookie Categories</label>
            <div class="ccg-checkboxes">
              <label class="ccg-check"><input type="checkbox" id="ccg-cat-necessary" checked disabled> Necessary (always on)</label>
              <label class="ccg-check"><input type="checkbox" id="ccg-cat-analytics" checked> Analytics</label>
              <label class="ccg-check"><input type="checkbox" id="ccg-cat-marketing" checked> Marketing</label>
              <label class="ccg-check"><input type="checkbox" id="ccg-cat-functional"> Functional</label>
              <label class="ccg-check"><input type="checkbox" id="ccg-cat-social"> Social Media</label>
            </div>
          </div>
          <div class="ccg-field-row">
            <div class="ccg-field">
              <label for="ccg-language">Language</label>
              <select id="ccg-language">
                <option value="en" selected>English</option>
                <option value="id">Indonesian</option>
              </select>
            </div>
            <div class="ccg-field">
              <label for="ccg-behavior">Behavior</label>
              <select id="ccg-behavior">
                <option value="stay" selected>Stay until action</option>
                <option value="scroll">Accept on scroll</option>
                <option value="timeout">Auto-hide 10s</option>
              </select>
            </div>
          </div>
          <div class="ccg-buttons">
            <button class="btn-primary" id="ccg-generate">Generate Banner Code</button>
            <button class="btn-secondary" id="ccg-sample-gdpr">Load GDPR Sample</button>
            <button class="btn-secondary" id="ccg-sample-ccpa">Load CCPA Sample</button>
            <button class="btn-secondary" id="ccg-clear">Clear</button>
          </div>
        </div>
        <div class="ccg-output" id="ccg-output" style="display:none">
          <div class="ccg-verdict" id="ccg-verdict"></div>
          <div class="ccg-stats-grid">
            <div class="ccg-stat-card"><div class="ccg-stat-num" id="ccg-stat-cats">0</div><div class="ccg-stat-lbl">Categories</div></div>
            <div class="ccg-stat-card"><div class="ccg-stat-num" id="ccg-stat-type">—</div><div class="ccg-stat-lbl">Consent Type</div></div>
            <div class="ccg-stat-card"><div class="ccg-stat-num" id="ccg-stat-position">—</div><div class="ccg-stat-lbl">Position</div></div>
            <div class="ccg-stat-card"><div class="ccg-stat-num" id="ccg-stat-lines">0</div><div class="ccg-stat-lbl">Lines of Code</div></div>
          </div>
          <div class="ccg-section">
            <h4>Generated Code</h4>
            <div class="ccg-code-wrap">
              <textarea id="ccg-code" class="ccg-code" rows="15" readonly>

📋

GDPR/CCPA Data Subject Access Request (DSAR) Response Generator

Generate compliant response letters for data subject access requests under GDPR and CCPA. Covers access, deletion, portability, rectification, restriction, and objection requests with jurisdiction-specific clauses and compliance checklists.

Request Type

Jurisdiction

Requester Full Name

Requester Email

Your Company Name

DPO / Privacy Contact Name

Identity Verification

Response Format

Letter Language

Response Urgency

🔍

Privacy Impact Assessment (PIA) Generator

Generate a comprehensive Privacy Impact Assessment for any data processing activity. Scores risk across 7 dimensions per GDPR Art. 35 requirements and produces a full mitigation report.

📅

Data Retention Schedule Generator

Generate a compliant Data Retention Schedule per GDPR Art. 5(1)(e). Define data categories with retention periods, score compliance across 5 dimensions, and produce a full audit-ready schedule with deletion procedures.

Organization Name

DPO / Data Protection Lead

Primary Jurisdiction

Industry Sector

Total Employees

Estimated Data Subjects

Review Cycle (months)

Next Review Date

Data Categories

Category 1

Data Category Name

Data Type

Legal Basis

Retention Period

Deletion Method

Special category data (Art. 9/10) Cross-border transfer

Last Review Date

Notes / Justification

📋

Data Processing Agreement Generator

Generate a GDPR Art. 28 Data Processing Agreement between controller and processor. 14 inputs → full 12-clause DPA with completeness scoring, compliance checklist, and prioritized recommendations.

Controller Details

Controller Legal Name

Controller Registered Address

Controller Representative

Controller Contact Email

Processor Details

Processor Legal Name

Processor Registered Address

Processor Representative

Processor Contact Email

Processing Scope

Purpose of Processing

Categories of Personal Data

Categories of Data Subjects

Compliance & Security

Data Retention Period

Security Measures (Art. 32)

Sub-processing Allowed

Audit Rights

Breach Notification Timeline

International Data Transfers

Liability Cap

Agreement Term

Governing Law / Jurisdiction

Agreement Date

Completeness

—

Parties

—

Scope

—

Security

—

Compliance

—

Legal

—

Compliance Checklist

Key Findings

Recommendations

🚨

GDPR Data Breach Notification Letter Generator

Organization Name

DPA Jurisdiction

Breach Discovery Date

Breach Occurred Date (approx)

Affected Data Subjects (count)

Breach Source

DPO Contact Email

Likelihood of Harm to Individuals

Breach Description (what happened)

Generates GDPR Art. 33/34-compliant breach notification letters. 72-hour clock calculator per ICO/CNIL/BfDI guidance. Always consult your DPO and legal counsel before submitting.

#325 Client Invoice & Receipt Generator

Create professional printable invoices for your service business. Add line items, tax, discount, and generate a polished invoice instantly — print or save as PDF. Supports USD, EUR, GBP, IDR, and 12+ currencies.

Your Business

Bill To (Client)

Invoice Details

Line Items

DescriptionQtyRate

Tax & Discount

Tax % Discount %

📊

Data Protection Impact Assessment Generator

GDPR Art. 35 DPIA — assess risk before processing. 12 inputs → risk matrix, mitigation plan, residual risk score, 5-band DPIA priority verdict, full Art. 35(7) compliant report + 3 exports.

Processing Activity

Processing Activity Name

Department / Business Unit

Purpose of Processing

Categories of Personal Data

Data Subjects

Risk Assessment

Data Subject Count

Data Sensitivity Level

Processing Intensity

Harm Likelihood

Harm Severity

Vulnerable Subjects?

International Transfers?

Existing Safeguards

Stakeholder Consultation

Prior DPIA Exists?

Privasi & Kepatuhan

Core Web Vitals Budget Calculator

Page Speed Estimator

Kebijakan Privasi Generator

Cookie Policy Generator

Warranty & Guarantee Policy Generator

Refund Policy Generator

HTML Minifier & Beautifier

🎨 WCAG Color Contrast Checker

✨ SVG Optimizer

📊 Web Vitals Estimator

🗜️ HTML Compression Diff Tool

📐 Performance Budget Planner

🍪 Cookie Banner Compliance Checker

🚪 Lighthouse-Style Page Audit Score

Ketentuan Layanan Generator

DMCA Takedown Notice Generator

Web Accessibility & WCAG Compliance Checker

Live Preview

Compliance Notes

GDPR/CCPA Data Subject Access Request (DSAR) Response Generator

Response Letter

Compliance Checklist

Supporting Documents Required

Privacy Impact Assessment (PIA) Generator

PIA Report

Identified Risks

Mitigation Measures Required

GDPR Art. 35 Compliance Checklist

Prioritized Recommendations

Data Retention Schedule Generator

Retention Schedule Document

Compliance Risk Analysis

Deletion Procedure Checklist

Audit Calendar

Prioritized Recommendations

Data Processing Agreement Generator

GDPR Data Breach Notification Letter Generator

#325 Client Invoice & Receipt Generator

Your Business

Bill To (Client)

Invoice Details

Line Items

Tax & Discount

Data Protection Impact Assessment Generator

GDPR Data Retention Policy Generator

Retention Schedule

Full Policy Text