Skip to content
Cooking & Food Science Medium #gluten#bread#dough

Gluten Development

Glutenin and gliadin form a stretchy network during kneading - the basis of bread structure.

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

Gluten Development

Sequence: hydration links glutenin and gliadin, kneading aligns them into elastic sheets, gas trapping inflates the network, baking sets it.

Good for

  • Articles in the cooking & food science category
  • Editorial pages where a quick visual replaces a wall of text
  • Content-marketing posts that need a clean, branded illustration

Source & accuracy

This gluten development 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.

Glutenin and gliadin form a stretchy network during hydration and kneading

Wheat flour contains two proteins, glutenin and gliadin, that are inert when dry. Adding water causes these proteins to absorb moisture and begin bonding to each other, forming gluten strands. Physical action (kneading, mixing, stretching) aligns these proteins and strengthens the network. Well-developed gluten is elastic, extensible, and can trap large gas bubbles from fermentation without breaking.

The gluten network forms gradually: at 5 minutes of kneading, gluten is barely developed and dough is sticky and slack. At 10-15 minutes, gluten is well-developed and the dough becomes smooth and bouncy. Overworked dough (30+ minutes) begins to degrade as mechanical stress breaks apart the network; dough becomes less elastic and drier as the gluten strands shorten.

Gluten strength and dough handling balance extensibility and elasticity

High-gluten breads (like sandwich bread, bagels) use 13-14% protein flour and target strong gluten development for structure and open crumb. Low-gluten pastries (cake flour, biscuits) use 8-10% protein and minimize mixing to keep gluten weak, producing tender, crumbly textures. Long fermentation also affects gluten: the acids produced during fermentation partially break down gluten strands, making dough more extensible and less elastic. This is why high-hydration, long-fermented doughs (ciabatta, focaccia) can develop large gas bubbles without excessive kneading.

Embed this diagram

Add this animated gluten development 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 gluten development for any website.
Who uses it
Cooking blogs.
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="gluten-development" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Gluten Development" for my website?
Scrollchart provides "Gluten Development" 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 gluten development 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.