How to Share HTML Prototypes with Clients (The Right Way)
Sharing a live HTML prototype creates a better client experience than a static PDF. Here's how to do it cleanly, quickly, and professionally.
A PDF mockup is static. A client can see it but not feel it. An HTML prototype is interactive — the client can click through the flows, see hover states, and experience the product as intended. But sharing an HTML file properly requires a bit more care than attaching a PDF.
Why Not Just Send the HTML File as an Attachment?
Several reasons:
- Most email clients won't render HTML files — the client has to download and open it locally
- External CSS and JavaScript files won't load unless all assets are included
- The client may not know how to open an HTML file in a browser
- Editing permissions are ambiguous — they might accidentally open it in a text editor
The Right Approach: Host and Share a Link
- Make your HTML self-contained — inline all CSS in a
<style>block, inline all JS in<script>tags, embed small images as base64 or link to CDN-hosted versions. - Upload to TiniDrop — drag your .html file onto tinidrop.com. It renders live in the browser immediately.
- Share the link — the client clicks the link and the prototype renders in their browser, exactly as in yours. No download, no setup, no friction.
For Multi-Page Prototypes
If your prototype spans multiple pages with multiple HTML files, CSS, and JavaScript, zip the entire folder and upload the ZIP to TiniDrop. The ZIP site viewer renders the directory structure and lets the client navigate between files — a lightweight website hosted without any server configuration.
Password Protection for Pre-Launch Projects
For clients who are sensitive about competitive information, enable password protection on the TiniDrop link. Share the password separately via phone or a different communication channel to the link.
Ready to share your files?
Drop any file and get a shareable link in seconds. No account needed.
Try TiniDrop free →