Skip to content
Linguistics Simple #syllable

Syllable Structure

Onset, nucleus, coda - the universal syllable template with language-specific constraints.

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

Syllable Structure

Syllable StructureOnset + Rhyme (Nucleus + Coda): the universal template with language-specific constraintsLanguage TemplatesHawaiianCVko·kiJapaneseCV(N)ka·n·jiEnglishCCCVCCCstrengthsArabicCVCkit·abOnly the nucleus (a vowel or syllabic consonant) is obligatory in all human languagesSyllableOnsetinitial consonant(s)Rhymenucleus + codaNucleusvowel (obligatory)Codafinal consonant(s)/str/3 onset consonants/e/nucleus vowel/nths/4 coda consonantsexample: "strengths" = CCCVCCC (English maximum)

Tree: syllable -> onset + rhyme; rhyme -> nucleus + coda. Language constraints: Hawaiian (CV), Japanese (CV(C)), English (CCCVCCC).

Good for

  • Phonetics and phonology lectures on syllable theory and sonority sequencing
  • Language typology comparisons showing CV vs. CVC vs. CCCVCCC templates across families
  • Second-language teaching resources explaining why learners insert vowels into illegal clusters

Source & accuracy

This syllable structure 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.

Building blocks of rhythmic speech

Every syllable contains a nucleus, typically a vowel or vowel-like sound that forms its core. Most syllables also have an onset, one or more consonants preceding the nucleus, and a coda, one or more consonants following the nucleus. The word 'strong' has the structure CCVCCC: two consonants in the onset, one vowel as the nucleus, and three consonants in the coda. The word 'at' is a VC syllable with no onset. The word 'I' is just a nucleus with no onset or coda. Most languages follow similar principles, though they vary dramatically in how many consonants they allow in onsets and codas.

The nucleus can be filled by sounds other than vowels. In English, syllabic consonants like the 'l' in 'bottle' can form the nucleus of a syllable, though they are less common than vocalic nuclei.

Cross-linguistic constraints and phonotactics

Languages impose constraints on which consonants can appear together. English allows 'str' at the beginning of a syllable but not 'tsr'. Japanese generally does not allow consonant clusters in onsets or codas, making every syllable approximately CV or V. These phonotactic constraints are part of a language's grammar and are learned by children implicitly. The constraints reflect both universal principles about articulatory ease and arbitrary language-specific conventions passed through generations.

Embed this diagram

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

Frequently asked questions

Where can I get a free animated "Syllable Structure" for my website?
Scrollchart provides "Syllable Structure" 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 syllable structure 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.