Gemini + CanvasLink
How to host and share HTML pages built with Google Gemini
Google Gemini is a powerful tool for generating HTML pages: responsive layouts, interactive calculators, data visualisations, and more. Like most AI chat interfaces, though, it does not have a 'host this' button. The code lives inside the conversation, and sharing it means sending the raw text to someone who would need to know how to run it. CanvasLink is the missing step — paste your Gemini HTML and get a clean, shareable URL in seconds.
Step-by-step guide
- 1
Ask Gemini to generate an HTML page
Open Gemini and describe the page you want. For a self-contained result, be specific: "Write a self-contained HTML file for a unit conversion tool — no external libraries, all styles and scripts inline." Gemini will produce the complete code in a single response.
- 2
Copy the code
Hover over the code block in Gemini's response to reveal the Copy button (the clipboard icon in the top-right corner of the code block). Click it to copy the full HTML.
- 3
Paste into CanvasLink
Go to canvaslink.app and paste the code into the editor. The live preview on the right shows exactly how your page will look to visitors.
- 4
Preview on different screen sizes
Toggle between Desktop and Tablet to check that the layout looks right. If something is off, ask Gemini to fix it, copy the updated code, and paste it again.
- 5
Publish and share
Click Publish to go live. With a free CanvasLink account your page gets a permanent URL on your personal subdomain (username.canvaslink.app/page). Without an account you get a 24-hour demo link — enough to share in a meeting or Slack thread.
What you can share
- Unit converters and calculators
- Interactive charts and visualisations
- Landing pages and one-pagers
- Responsive HTML layouts
- Educational tools and quizzes
- Productivity apps and trackers
Ready to share your Gemini page?
Paste your HTML and get a permanent link in seconds. Free to start — no credit card needed.