01
BACKGROUND
controls Buttons
variants
states
controls Inputs
format
options
controls Segmented & badges
tones
default accent success default warning info
pipeline Steps
02
TRANSFORM
Resize
catalog Tools
Resize PNG Scales the image with bilinear interpolation. With aspect kept, one side defines the scale; if both are set, the image fits inside them. 01 Quantize PNG Reduces the image to k colors via median-cut palette. Transparent pixels are preserved. 02 Create gradient PNG Generates a smooth transition between two colors along a chosen angle. 03
canvas Preview
misc States & code
No image loaded Drop a PNG to start processing
ts
export const config = {
radius: 8,
tint: "#3b82f6",
};