BACKGROUND
controls Buttons
variants
size s
chips
states
controls Inputs
format
options
controls Segmented & badges
tones
default accent success default warning info
variants
outline clear tint tint tint m
pipeline Steps
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",
};