Working API examples

Start with HTML and CSS that already works

Explore complete image and PDF examples, inspect their source and request options, then edit and render them directly in your browser.

16 examples HTML + CSS source Editable API options

Example library

Choose a starting point

Each example includes the rendered output, editable source, and the non-content API parameters needed to reproduce it.

API documentation Browse templates

Working request examples

Learn the HTML/CSS to Image API by changing real code

Every example includes the source, a browser preview, and the image or PDF options sent to HCTI. Start with a close match, adapt the HTML and CSS for your content, and render the finished screenshot through the API.

For a design you will reuse with different data, move from an example to a visual template preset. For application code, use the language-specific API examples.

Common questions

Can I use the HTML and CSS from these examples?

Yes. Open an example to inspect and edit its complete HTML, CSS, and render options. Use it as a starting point, then send the resulting request from your application.

What is the difference between an example and a template?

Examples are complete API requests built from HTML and CSS. Templates are saved, reusable designs created in the visual editor and rendered repeatedly with different variable values.

Does HCTI create screenshots and PDFs?

Yes. HCTI can render HTML and CSS or capture a public webpage as an image, and it can generate PDFs when you need document output instead of a screenshot.