Daily UI 004 - Calculator

by muhammad mannan

Day 4 of Daily UI: a calculator This one started as a single row of gray circles, and most of the work was in the hierarchy. When all 20 keys look the same, your eye has nowhere to land. So each type got a job: · Numbers: quiet glass · Functions: a lavender tint · Operators: solid violet · Equals: a gradient and a glow, the one action you're always heading toward · AC: a coral accent, because clearing should feel different I also added a second frame showing states (an active operator and a pressed key), plus a faint history at the top so the display area doesn't feel empty. Built as one component with Type / State / Label variants. Would love thoughts on the coral. Too much, or just enough?