Button Maker

Hover/Active states · Lucide icons · Inner shadows · SVG export

Idle — hover over preview to test

Tight export: 800 × 220px

Presets

(13)

Export

Tight fit (no extra space)

Static PNG. Tight fit auto-trims around the button.

Transparent background

Export with true alpha — ignores canvas background.

Editing state

Content

Button text

Icon

Icon size: 20px

Gap: 8px

Shape

Fill

From

Angle: 90°

Typography

Text color

Font

Font size: 28px

Font weight: 600

Spacing

Padding X: 36px

Padding Y: 18px

Custom button size

Borders (0)

Click "Add" to stack border rings.

Drop shadow

Color (rgba/hex)

Blur: 24px

Offset Y: 6px

Button Maker

Button Maker

Presets

Export

Content

Icon

Shape

Fill

Typography

Spacing

Borders (0)

Drop shadow

Inner shadow

Animation

Canvas background