CertificateGenerator
Certificate generator with live preview, lets users type their name, overlay it on a template, and download or natively share the personalized certificate as a PNG.
Made with Workshop
Build your own component with AI
About this Component
This component lets users preview a certificate with their name, then download or share it as a PNG. Live updates, custom fonts, and template image are supported.
To set up the component with a custom template:
Upload your certificate background image using the “Certificate Template” property control.
Adjust the name position (X, Y), max width, alignment, font, and color using the property controls to match your template’s design.
The live preview updates as you type a name. When ready, click “Download Certificate as PNG” or “Share Certificate” to export exactly what you see in the preview.
For best results with custom fonts, select a Google Fonts family in the Name Font control. The component will attempt to load it automatically.
