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