Skip to content
Architecture & Design Medium #cantilever

Cantilever Design

Fixed at one end, free at the other - the bending-moment cascade and design considerations.

A free, animated cantilever design you can read here or embed on any website, from Scrollchart.

Cantilever Design

Cantilever DesignFixed support carries full moment; deflection grows with span cubed. Max stress at root.w (uniform load)δ = wL⁴ / 8EIBending Moment (BMD)M = wL²/2M = 0Shear (SFD)V = wL (at root)V = 0 (tip)Span LFamous CantileversFallingwaterF.L. Wright, 19395.5 m overhangCCTV BeijingKoolhaas, 201275 m cantileverJiujiang BridgeCantilever truss216 m spanMax stressat fixed supportDoubling span length multiplies deflection 16x (δ proportional to L⁴) and moment 4x. Pre-stress or back-span counterweights limit growth.

Cantilever beam with bending moment, shear, and deflection diagrams. Famous cantilever examples (Frank Lloyd Wright Fallingwater, modern cantilever buildings).

Good for

  • Structural engineering education illustrating how bending moment concentration at the fixed support governs reinforcement detailing in RC cantilevers
  • Architecture articles explaining the engineering challenge of signature overhanging volumes such as Fallingwater and the CCTV Headquarters
  • Bridge engineering primers comparing cantilever truss construction method with balanced cantilever concrete box-girder bridges

Source & accuracy

This cantilever design 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.

Fixing one end to free the other

A cantilever beam is anchored at one end and free at the other, creating a load case fundamentally different from a simply supported beam. The highest bending moment occurs at the fixed end, where the cantilever must resist the full turning effect of all loads beyond it. A balcony cantilever extends from the building perimeter, with its entire load concentrated at the connection to the structure. The longer the extension, the larger the moment, and the heavier the connection and anchor region must be. This concentrated stress at the fixed point is the defining design challenge: cantilevers require substantial structural depth and steel reinforcement (or material) in the anchor region, which often exceeds the depth of the free arm.

Applications and architectural possibilities

Cantilevers enable dramatic architectural forms: skyway bridges, building canopies, balconies, and diving boards all exploit the fixed-anchor principle. Architects favor cantilevers when they need to free ground-level space (parking beneath overhangs) or create visual drama (a building that appears to float beyond its support). Structurally, cantilevers are more challenging than comparable supported beams, requiring either more material or more sophisticated design. A 2-meter cantilever in residential construction might be a modest lumber beam; a 5-meter cantilever calls for steel girders, and a 10-meter+ cantilever (like a building corner extension) demands deep structural members with reinforcement concentrated at the support. Wind resistance and thermal movement also become critical on long cantilevers.

Embed this diagram

Add this animated cantilever design 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 cantilever design for any website.
Who uses it
Architecture & design sites.
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="cantilever-design" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Cantilever Design" for my website?
Scrollchart provides "Cantilever Design" 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 cantilever design 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.