code
For Developers & Teachers
Embed MathPad on Your Website
Add interactive math calculators and cheat sheets to your classroom, blog, or educational website. Free to use with optional attribution.
Quick Start
Add a calculator to your website in seconds:
HTML
<div id="mathpad-calculator"></div>
<script src="https://mathpad.ai/embed/calculator.js"></script>Preview
calculate
Calculator Widget
library_books
Cheat Sheets
code
JavaScript API
Basic Usage
The calculator widget allows students to solve math problems directly on your page. It supports algebra, calculus, and more.
HTML
<!-- Add container -->
<div id="mathpad-calculator"></div>
<!-- Add script at end of body -->
<script src="https://mathpad.ai/embed/calculator.js"></script>Customization Options
| Option | Values | Default | Description |
|---|---|---|---|
data-theme | auto, light, dark | auto | Color theme |
data-height | Number (pixels) | 500 | Widget height |
data-compact | true, false | false | Compact mode for smaller spaces |
data-branding | true, false | true | Show MathPad branding |
palette
Advanced: Custom Theme Examplekeyboard_arrow_down
HTML
<div id="my-calculator"></div>
<script
src="https://mathpad.ai/embed/calculator.js"
data-container="my-calculator"
data-theme="dark"
data-height="600"
></script>Terms of Use
- check_circle Free for educational and non-commercial use
- check_circle Free for personal blogs and portfolios
- check_circle Attribution appreciated but not required
- warning Commercial use requires contacting us
- cancel Do not modify or reverse engineer the widget
Questions? Contact us
Need More Features?
Get API access, custom branding, and premium support for your school or business.