Preview ▸ Live

Drag to rearrange ▸ click again to lock

Construction Kit

Calculator construction kit

Make it your own — every dial, always on

Presets

Button layout

Columns

Drag any key to a new slot. The grid reflows automatically — try moving = to the right column or stacking the operators.

Add button

Label

Style

Function

Size

1×1

To delete a button, enter rearrange mode and tap the red × on any key.

Layout & shape

Number base

Calc radius

36px

Btn radius

18px

Display radius

22px

Padding

22px

Btn gap

10px

Btn width

76px

Btn height

64px

Display height

138px

Display align

Formula mode

Equation line

Brand label

Brand text

Button style

Calc shadow

Calc border

0px

Border color

Typography

Display font

Disp size

64px

Disp weight

Button font

Btn size

22px

Btn weight

Colors — page

Page bg

Colors — calc

Body

Display bg

Display fg

Subtitle

Colors — buttons

Number bg

Number fg

Function bg

Function fg

Operator bg

Operator fg

Equals bg

Equals fg

v1.0 ▸ try a preset, then tune