Pactly

What You Get

Key Features

• 22+ Smart Templates — Service Agreements, NDAs, Freelance Contracts, Rental Agreements, Partnership Agreements, Employment Contracts
• Real-time Preview — Update content and see changes instantly
• One-Click PDF Export — Generate publication-ready PDFs client-side using jsPDF + html2canvas
• 30+ Modular Clauses — Toggle individual legal clauses on/off based on your needs
• Local Persistence — Save drafts to browser localStorage for offline editing
• Dark/Light Mode — Elegant UI with theme switcher
• 100% Offline Ready — All assets bundled locally; no external dependencies at runtime
• No Backend Required — Run on any web server or locally as a static file

Use Cases

• Freelancers generating client contracts
• Agencies managing multiple contract templates
• Businesses automating agreement workflows
• Developers embedding a contract generator into their platform

Files Included

Installation & Setup

Step 1: Extract the Package

Unzip the downloaded package to your desired location.

Step 2: Upload to Web Host (or Open Locally)

Option A: Web Server

Upload the entire folder to your web host via FTP/SFTP

Option B: Local Testing

Navigate to the folder and double-click index.html or app.html in your browser

Step 3: Start Using

1. Open app.html in a modern browser (Chrome, Firefox, Safari, Edge)
2. Select a contract template
3. Fill in the details and toggle clauses as needed
4. Click "Export to PDF" to download the contract

How to Use Pactly

1. Choose a Template

Start by selecting one of the 6 available contract templates:

• Service Agreement
• Non-Disclosure Agreement (NDA)
• Freelance Contract
• Rental Agreement
• Partnership Agreement
• Employment Contract

2. Edit Contract Details

Fill in the form fields with your specific information. Changes update the preview in real-time.

3. Customize Clauses

Toggle individual clauses on or off to include only the sections you need. Edit clause text inline if necessary.

4. Preview Your Contract

The right panel shows a live preview of your contract as you type.

5. Export to PDF

Click the "Export to PDF" button. The contract will download as a formatted PDF file.

6. Save Your Draft (Optional)

Your data is automatically saved to browser localStorage. Close and reopen the app to continue editing your draft.

Customization Guide

Change Colors & Theme

Edit the CSS variables in assets/css/style.css:

:root {
  --primary-color: #0066cc;
  --secondary-color: #f5f5f5;
  --text-color: #333;
  /* Update these to customize your theme */
}

Add or Modify Templates

Edit assets/js/main.js to add new contract templates or modify existing clause text.

Change Fonts

Modify assets/css/fonts.css to use different local fonts or download new Google Fonts and add them to assets/fonts/.

Customize PDF Export Settings

In assets/js/main.js, find the export function and adjust jsPDF options (page size, margins, orientation, etc.).

CodeCanyon Approval Checklist

Licenses & Third-Party Credits

This package includes the following open-source libraries under MIT license:

jsPDF

• Version: Latest bundled
• License: MIT
• Source: https://github.com/parallax/jsPDF
• File: LICENSES/LICENSE-jsPDF.txt

html2canvas

• Version: Latest bundled
• License: MIT
• Source: https://html2canvas.hertzen.com/
• File: LICENSES/LICENSE-html2canvas.txt

Fonts

• Google Fonts: Instrument Serif, Geist, Geist Mono
• License: SIL Open Font License (OFL)
• File: LICENSES/LICENSE-fonts.txt

Troubleshooting

PDF Export Not Working

• Ensure jspdf.umd.min.js and html2canvas.min.js are in assets/js/
• Check browser console for errors (F12 → Console tab)
• Try a different browser to rule out browser-specific issues

Fonts Not Displaying Correctly

• Verify assets/fonts/ contains all required font files
• Check assets/css/fonts.css for correct @font-face paths
• Clear browser cache (Ctrl+Shift+Delete) and reload

Data Not Persisting Between Sessions

• Ensure cookies/localStorage are enabled in your browser
• Check browser privacy settings and disable privacy mode
• Try opening the app in a different browser profile

App Opens But Looks Broken

• Ensure all files are in the correct folder structure
• Verify assets/css/style.css is not missing or moved
• Open browser DevTools (F12) and check Network tab for 404 errors

Support & Contact

Bug Reports

If you encounter a bug, please include:

• Browser name and version
• Operating system
• Steps to reproduce the issue
• Browser console error messages (if any)

Changelog

Frequently Asked Questions

Q: Do I need a web server to run Pactly?

A: No. You can open the HTML files directly in your browser. However, for production use, hosting on a web server is recommended.

Q: Can I embed Pactly in my website?

A: Yes. Simply include the HTML, CSS, and JS files in your project and link to app.html from your site.

Q: Is my data secure?

A: Yes. All data stays in your browser and is never sent to external servers. Data is stored locally in localStorage.

Q: Can I customize the contract templates?

A: Yes. Edit the templates in assets/js/main.js to modify clause text, add new sections, or create entirely new templates.

Q: What browsers are supported?

A: Chrome, Firefox, Safari, and Edge (all modern versions from 2020 onwards).

Q: Can I translate Pactly to another language?

A: Yes. Edit the text in assets/js/main.js and assets/css/style.css to translate the UI and templates.

Q: What's the file size?

A: Approximately 400-500 KB total (including bundled libraries and fonts). Optimized for fast loading.

Q: Can I add more contract templates?

A: Yes. Duplicate an existing template in assets/js/main.js and customize it for your needs.

Quick Reference

Important Files

• app.html — Main application entry point
• assets/js/main.js — Application logic and templates
• assets/css/style.css — Styling and theme variables

Customization Priority

1. CSS colors → Edit :root variables in style.css
2. Contract templates → Edit template objects in main.js
3. Fonts → Update fonts.css or add new fonts to assets/fonts/
4. Layout → Modify HTML structure in page files