FracKit User Guide
Everything you need to know about using FracKit's calculators and converters
Quick Navigation
Fraction Calculator
Go to Calculator โThe Fraction Calculator performs basic arithmetic operations (addition, subtraction, multiplication, division) on fractions and mixed numbers.
How to Use:
- Enter your first fraction (whole number is optional for mixed numbers)
- Select the operation (+, โ, ร, รท)
- Enter your second fraction
- Toggle "Show calculation steps" if you want to see the work
- Click "Calculate" to see your result
What You'll See:
- Simplified Result: The answer in lowest terms
- Mixed Number: Whole number with remaining fraction
- Improper Fraction: Fraction where numerator โฅ denominator
- Decimal & Percentage: Alternative representations
- Visual Representation: Animated bars showing the fraction visually
- Step-by-Step: Detailed calculation process including LCD finding
๐ก Tip: You can use the Share button to save your calculation as a URL, or check your history in the drawer to restore previous calculations.
Fraction Simplifier
Go to Simplifier โReduces any fraction to its simplest form (lowest terms) by finding the Greatest Common Factor (GCF).
How It Works:
- Enter your fraction's numerator and denominator
- Click "Simplify"
- See the simplified fraction, decimal, percentage, and step-by-step GCF calculation
๐ Example: 12/16 simplifies to 3/4 because the GCF of 12 and 16 is 4.
Decimal to Fraction Converter
Go to Converter โConverts decimal numbers into exact fraction form, with special handling for repeating decimals.
Features:
- Repeating Decimal Detection: Automatically identifies patterns like 0.333...
- Precision Slider: Choose denominator precision (1/16, 1/32, 1/64)
- Mixed Number Toggle: Show result as mixed number or improper fraction
- Visual Representation: See the fraction as a visual bar
โ Examples:
0.5 = 1/2 | 0.333... = 1/3 | 0.75 = 3/4 | 2.25 = 2 1/4
Fraction to Decimal Converter
Go to Converter โConverts fractions into decimal form with configurable precision and repeating notation (overline).
Features:
- Decimal Places Control: Set how many decimal places to show (2-10)
- Repeating Notation: Displays repeating patterns with overline styling
- Percentage View: See the fraction as a percentage
- Preference Persistence: Your decimal place setting is saved
Mixed Numbers Calculator
Go to Calculator โPerforms calculations on mixed numbers (e.g., 2 1/3) and shows conversion steps between mixed and improper fractions.
What's Special:
- Conversion Display: See how mixed numbers convert to improper fractions
- Highlighted Math: Intermediate calculation steps are shown clearly
- Dual Results: Both mixed and improper fraction formats displayed
Percent Converter
Go to Converter โConvert between fractions and percentages in both directions with educational step breakdowns.
Two-Way Conversion:
- Fraction โ Percent: Enter a fraction to get its percentage
- Percent โ Fraction: Enter a percentage to get the simplified fraction
- Step-by-Step: See the conversion math explained
Improper โ Mixed Number Converter
Go to Converter โDedicated tool for converting between improper fractions and mixed numbers in both directions.
Features:
- Bidirectional conversion (improper โ mixed)
- Visual fraction models for better understanding
- Shareable state via URL
Fraction Chart
Go to Chart โInteractive reference table showing common fractions with their decimal and percentage equivalents.
Features:
- Search & Filter: Quickly find specific fractions
- Sortable Columns: Sort by fraction, decimal, or percentage
- Responsive Design: Card layout on mobile, table on desktop
- Print-Friendly: Optimized for printing
- Download PDF: Export the chart as a PDF reference
โ๏ธ Features & Settings
๐ History Drawer
Every calculator and converter automatically saves your last 50 calculations to IndexedDB (browser storage). Access your history anytime to:
- Restore previous calculations
- See timestamps for each entry
- Clear history when needed
๐ Share & Copy
Each calculation can be shared via URL with encoded state. Click the Share button to:
- Copy a shareable link to clipboard
- Use native share menu on mobile devices
- Reopen the exact same calculation later
๐จ Visual Representations
All tools include animated visual representations:
- Fraction bars showing proportions
- Comparison visuals (input vs. result)
- Animated transitions for better understanding
โ๏ธ Preferences Panel
Customize your experience with persistent preferences:
- Precision: Default decimal precision
- Default Format: Mixed or improper fractions
- Animation Toggle: Enable/disable visual animations
- All settings saved to IndexedDB
โฟ Accessibility Mode
Toggle high-contrast mode for better accessibility:
- Enhanced focus styles
- Increased contrast ratios
- Preference saved across sessions
๐ฅ๏ธ Tool Switcher
Quick navigation between tools:
- Desktop: Floating quick-access toolbar
- Mobile: Bottom navigation bar
- Switch between calculators without losing progress
๐ฑ PWA / Offline Support
FracKit works offline as a Progressive Web App:
- Install to home screen
- Works without internet connection
- Fast loading with service worker caching
๐ Terminology Guide
Fraction
A number representing part of a whole, written as numerator/denominator (e.g., 3/4 means 3 parts out of 4 total parts).
Numerator
The top number in a fraction, representing how many parts you have (in 3/4, the numerator is 3).
Denominator
The bottom number in a fraction, representing the total number of equal parts (in 3/4, the denominator is 4).
Mixed Number
A number with both a whole number and a fraction (e.g., 2 1/3 means 2 whole units plus 1/3).
Improper Fraction
A fraction where the numerator is greater than or equal to the denominator (e.g., 7/3 or 5/5). Can be converted to a mixed number.
Simplifying / Reducing
Converting a fraction to its lowest terms by dividing both numerator and denominator by their GCF (e.g., 6/8 simplifies to 3/4).
GCF (Greatest Common Factor)
The largest number that divides evenly into both the numerator and denominator. Used to simplify fractions (the GCF of 12 and 16 is 4).
LCD (Least Common Denominator)
The smallest number that is a common multiple of two or more denominators. Required for adding or subtracting fractions (LCD of 3 and 4 is 12).
Repeating Decimal
A decimal number where one or more digits repeat infinitely (e.g., 0.333... or 0.142857142857...). Often shown with an overline (0.3ฬ).
Percentage
A fraction expressed as parts per 100, shown with the % symbol (e.g., 75% = 75/100 = 3/4).
IndexedDB
Browser storage technology used by FracKit to save your calculation history and preferences locally. Your data never leaves your device.
๐ก Tips & Best Practices
Enable "Show Steps" to learn how calculations work - great for students!
Use visual representations to understand fraction proportions better.
Check your history before re-doing calculations - you might have already done it!
Share calculations with students, colleagues, or friends using the Share button.
Customize preferences to match your needs - decimal places, format, animations.
Print the Fraction Chart as a reference sheet for offline use.
Enable accessibility mode if you need higher contrast for better readability.
Need More Help?
All calculations are performed locally in your browser - your data is private and secure. FracKit works offline once loaded, making it perfect for classrooms, homework, or anywhere you need fraction tools.