Skip to content
Physics Simple #friction

Static vs Kinetic Friction

Static friction climbs to a maximum then drops to a lower kinetic value once sliding starts.

A free, animated static vs kinetic friction you can read here or embed on any website, from Scrollchart.

Static vs Kinetic Friction

Static vs Kinetic FrictionStatic friction peaks at mu_s then drops to lower kinetic level mu_k once sliding startsMore force is needed to START sliding than to MAINTAIN it: mu_s > mu_k is universal across surfaces

Applied force vs friction force: linear rise during static regime, peak at maximum static, drop to kinetic level once motion starts.

Good for

  • Classical mechanics courses introducing Newton's laws and surface forces
  • Engineering coursework on braking systems, bolted joints, and tribology
  • Sports science articles on footwear grip and traction

Source & accuracy

This static vs kinetic friction is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

The distinction between resting and sliding friction

Static friction prevents motion and can range from zero up to a maximum value determined by the surface properties and normal force. A light push on a box does not move it because static friction matches the applied force up to its limit. Once this threshold is exceeded, the box begins to slide and kinetic friction takes over. Kinetic friction is typically lower and relatively constant, independent of sliding speed. This two-tier behavior reflects different physical mechanisms: static friction arises from surface irregularities and molecular adhesion, while kinetic friction results from continuous breaking and reformation of contact points as the object slides.

Normal force dependence and practical implications

Both static and kinetic friction scale linearly with normal force. Pressing a block harder against a surface increases the maximum static friction proportionally. This relationship explains why snow tires improve traction in winter (by maximizing contact area and thus normal force in microscopic regions) and why the maximum angle a ramp can be tilted before an object slides depends on the ratio of friction coefficient to gravitational acceleration. Understanding these dependencies allows engineers to design brakes that scale predictably with load, and physicists to model everything from landslides to the grip of shoe soles on wet surfaces.

Embed this diagram

Add this animated static vs kinetic friction to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated static vs kinetic friction for any website.
Who uses it
Physics educators.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="friction-static-kinetic" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Static vs Kinetic Friction" for my website?
Scrollchart provides "Static vs Kinetic Friction" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a static vs kinetic friction in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.