Calculator Hub is a comprehensive web-based calculator application featuring 12 different calculator modes in a single, beautifully designed interface. Built with vanilla JavaScript, PHP, and modern CSS, it offers both functionality and aesthetics.
| Mode | Description |
|---|---|
| ๐งฎ Normal | Basic arithmetic operations with keyboard support |
| ๐ฌ Scientific | Advanced functions (sin, cos, tan, log, ln, sqrt, power, factorial, ฯ, e) |
| ๐ฑ Currency | Real-time currency conversion with names & codes |
| ๐ค๏ธ Weather | Temperature, humidity, wind data for any location |
| ๐ Age | Calculate age in years, months, days, hours, minutes |
| ๐ Percentage | Calculate percentages, increases, decreases, ratios |
| ๐ Unit Converter | Length, weight, temperature, volume conversions |
| ๐ป Programming | Number base conversions (dec, bin, oct, hex) |
| ๐ Date Calculator | Days between dates, future/past date calculations |
| ๐ Statistics | Mean, median, mode, standard deviation calculations |
| ๐จ Color Code | Convert between HEX, RGB, HSL and preview colors |
| ๐ฃ๏ธ Distance & Speed | Distance and speed unit conversion with travel time |
| ๐จ Color | Convert between RGB, HEX, and HSL color codes |
| ๐ Distance | Calculate distances, speeds, and travel times |
- Responsive Design - Mobile-first approach with flexible layouts
- Animated UI - Smooth transitions and button press effects
- Multiple Themes - Light, Dark, Neon, Nature, Ocean themes
- Modern Interface - Clean, intuitive sidebar navigation
- Live Calculation - Real-time expression evaluation
- History Tracking - Local storage for calculation history
Type calculations directly! The Normal and Scientific calculators support:
0-9 : Input numbers
+ - * / : Arithmetic operators
Enter = : Calculate result
Escape : Clear (AC)
Backspace: Delete last character
% : Percentage
. : Decimal point
All currency options display both name and code:
- US Dollar (USD)
- Euro (EUR)
- British Pound (GBP)
- Japanese Yen (JPY)
- And 150+ more major currencies
- Clone the repository:
git clone https://github.com/SyntX34/Calculator.git-
Run on a web server with PHP support
-
No database required, runs entirely client-side with optional PHP features
Calculator/
โโโ index.php # Main entry point
โโโ js/
โ โโโ main.js # Calculator logic & interactions
โโโ styles/
โ โโโ main.css # All styling with CSS variables
โโโ pages/
โ โโโ calculator.php # Calculator modes
โ โโโ about.php # About page
โ โโโ contact.php # Contact form
โโโ includes/
โ โโโ header.php # Navigation header
โ โโโ sidebar.php # Mode selector sidebar
โ โโโ footer.php # Footer
โ โโโ functions.php # PHP utilities
โ โโโ cookie-handler.php # Cookie consent handler
โโโ images/
โโโ logo.svg # Logo
โโโ steam.svg # Steam icon
โโโ discord.svg # Discord icon
โโโ ... # Other image assets
| Theme | Preview |
|---|---|
| Light | Clean white interface |
| Dark | Easy on the eyes |
| Neon | Cyberpunk aesthetic |
| Nature | Green, earthy tones |
| Ocean | Blue, watery theme |
Contributions welcome! Feel free to submit issues and pull requests.
MIT License see LICENSE file for details.
Made with โค๏ธ for calculations by Samir Neupane a.k.a SyntX