How to Add a Hooke's Law Simulator to Your Website
LK Forge · 4 min read · Updated September 2026
You can add a full Hooke's law simulator to any website, blog, or classroom page with a single line of code — free, with no sign-up, no plugin, and no script to install. Visitors hang masses on a spring and read the spring constant off a graph. This guide covers the fastest way to embed the Hooke's Law Simulator, what it teaches, and where it works.
The quickest way: paste one embed snippet
An embed is just an <iframe> that loads the simulator from lkforge.com, plus a small credit line. Copy this into your page’s HTML where you want the widget to appear:
<iframe src="https://lkforge.com/embed/hookes-law/"
width="100%" height="960" loading="lazy"
style="border:0;max-width:560px"
title="Hooke's Law Simulator by LK Forge"></iframe>
<p><a href="https://lkforge.com/tools/physics/hookes-law/">Hooke's Law Simulator</a>
by <a href="https://lkforge.com/">LK Forge</a></p> The <iframe> is the live simulator; the <p> underneath is a plain credit link. Keep that line — the visible link is what keeps the widget free to embed. You can also copy this exact code straight from the LK Forge widget gallery.
What the widget shows
The simulator opens with a mass already stretching the spring, so a visitor sees the extension immediately and can then take control:
- Mass and spring constant: two sliders that set the applied force and the stiffness.
- The spring responds: it settles at x = mg/k, measured against a ruler from the natural length.
- Read k off the graph: a force-versus-extension line whose slope is the spring constant.
- Live readouts: extension, force, spring constant and elastic potential energy.
Pick the right height
The snippet uses height="960", which fits the spring, the sliders, the readouts and the graph without clipping even on a narrow phone, where they stack into one column. On a wider page the widget centres within its max-width:560px. That single height works across screen sizes, so there is nothing to tweak for mobile.
Where it works
Because it is a standard iframe, the embed works anywhere you can add HTML:
- WordPress: add a Custom HTML block and paste the snippet.
- Squarespace: use a Code / Embed block.
- Wix: add an Embed HTML / iframe element.
- Ghost: insert an HTML card.
- Notion: paste the
/embed/hookes-law/URL and choose "Create embed". - Plain HTML, an intranet, or a lesson page: paste the snippet straight into the markup.
That’s the whole job. Copy the embed code from the widget gallery and paste it wherever a lesson or a blog post on Hooke's law, springs or the spring constant needs a spring students can actually stretch.
Grab the embed code from the LK Forge widget gallery — free, no sign-up.
Open the Hooke's Law SimulatorFrequently asked questions
- Is embedding the Hooke's law simulator free?
- Yes. It is free to embed on any site, with no account, no API key and no usage limits. The whole simulation runs in your visitor’s own browser, so there is no server cost — we only ask that you keep the small "Hooke's Law Simulator by LK Forge" credit line that comes with the embed code.
- What can visitors do with the embedded simulator?
- They set the mass hanging on the spring and the spring constant, and watch the spring stretch to its equilibrium extension x = mg/k against a ruler. A live panel shows the extension, the applied force F = mg, the spring constant and the stored elastic energy, and a force-versus-extension graph draws the straight line F = kx with the current point marked.
- Does the embed teach how to find a spring constant?
- Yes. The force-versus-extension graph is the classic experiment: it is a straight line through the origin whose slope is the spring constant k. As students change the mass, the operating point moves up the line, so they can see that k = ΔF/Δx — reading the stiffness straight off the gradient.
- What iframe height should I use, especially on mobile?
- The snippet ships with height="960", which is tall enough that the hanging spring, the two sliders, the readouts and the force-extension graph all fit without clipping even on a narrow phone where everything stacks into a single column. On a wider page the widget simply centres within its max-width of 560px. If you want it shorter you can lower the height, but 960 is the safe default across screen sizes.
- Where can I embed it — WordPress, Wix, Squarespace, Notion?
- Anywhere you can add HTML, because it is a standard iframe. In WordPress use a Custom HTML block; in Squarespace a Code/Embed block; in Wix an Embed HTML element; in Ghost an HTML card; in Notion paste the /embed/hookes-law/ URL as an embed. On a plain HTML page or an intranet, paste the snippet straight into the markup.
- Does the embedded simulator track visitors or set cookies?
- No. Everything runs locally in the visitor’s browser — nothing is uploaded. The embed sets no tracking cookies and sends no analytics, so it is safe to place on a privacy-sensitive site, an intranet, or a page for students.