Generate Dynamic PNG Images Directly From Svelte Components in SvelteKit

testing the thing

Update the rendered image:

Open image in new window: /image?text=hello&second=absolutely positioned

npm install svelte-component-to-image

Great for generating dynamic Open Graph images.

Visit https://github.com/StephenGunn/svelte-component-to-image for instructions.

The beautiful image above is generated using this Svelte component:

Preview of the component