Sci Calculator

A fully functional scientific calculator component. Real math engine, memory and DEG/RAD. Drop it in and it works.

It respects order of operations, nested parentheses, and implicit multiplication, and supports the full range of scientific functions: trig, inverse trig, hyperbolic, logs, powers, roots, factorials, and more.

Why it's different

• It's a real calculator, not a picture of one. Every key does what it says. Type an expression, hit equals, get a correct answer.

• Proper math, not string hacks. A hand-written parser handles operator precedence, parentheses, and implicit multiplication (like 2π or 3(4+5)) correctly.

• Scientific-grade functionality. SHIFT and HYP keys unlock inverse and hyperbolic variants of sin/cos/tan, e^x, 10^x, cube, nth root, and more, just like a physical scientific calculator.

• Reads like a calculator, not a code editor. Large numbers auto-format with thousands separators as you type, so results stay readable at a glance.

• Fully keyboard-operable. Every key has a keyboard equivalent, so it's just as usable with a mouse, on touch, or from a keyboard.

• One file, no dependencies. Self-contained code component, nothing else to install.

• Optional key-click sound

Great for

• Finance, engineering, or science-focused landing pages and product demos

• Portfolio pieces that need a genuinely interactive UI element

• Internal tools or prototypes that need real on-page calculation

• Anywhere you want a tactile, hardware-inspired UI moment

No configuration required, drag it onto a frame and it's ready to use.