A pixel-perfect clone of the iPhone calculator built using TypeScript, HTML, and CSS.
It replicates the design, UI animations, and functionality of the real iOS calculator — right inside your browser.
- Exact iPhone styling with rounded buttons, accurate colors, and layout
- Dynamic display that adjusts font size based on number length
- Smooth animations (button press ripple effects, transitions)
- 3D shadows and subtle hover effects for a polished look
- Fully responsive design that works across devices
- All basic operations:
+,−,×,÷ - Special functions:
AC(clear),+/-(sign toggle),%(percentage) - iPhone-specific behaviors:
- Operator chaining (perform multiple operations in sequence)
- Replace operator (pressing a different operator updates it before calculation)
- Handles edge cases: divide by zero, large numbers, repeated equals
- TypeScript – calculator logic and state handling
- HTML5 – semantic layout
- CSS3 – modern styling with flexbox, variables, transitions