What is canvacord?

Canvacord is a powerful utility to generate beautiful images in JavaScript or TypeScript. You use React-like components to declare how you want your image to look, without ever having to calculate the position of elements or worry about the size of the canvas. Canvacord does all the heavy lifting for you, such as image rendering, formats conversion, and more.

Canvacord abstracts the complexity of image generation and provides a simple and intuitive API to create images. This allows you to focus on the design and content of your images, rather than the technical details that goes into rendering them as needed.

Whether you’re a beginner or an expert, Canvacord is the perfect tool to create stunning images for your projects with little to no effort.


Pre-requisites

We try our best to make Canvacord as easy to use as possible. However, there are a few things you need to know before you start using Canvacord. To get the most out of Canvacord, you should have a basic understanding of the following:

Make it yours

If you have the understanding of the above concepts, you’re ready to start using Canvacord. You can start by installing Canvacord and creating your first image. If you’re new to Canvacord, we recommend you start with the Quick Start guide to get a better understanding of how Canvacord works.