Skip to content
Chemistry Simple #functional-groups

Common Functional Groups

Alcohol, aldehyde, ketone, ester, amine, carboxylic acid - the recurring building blocks.

A free, animated common functional groups you can read here or embed on any website, from Scrollchart.

Common Functional Groups

Common Functional GroupsSix recurring building blocks of organic molecules: structure, example, and key reactions

Grid of common functional groups with structural formula, characteristic reactions, and example molecules.

Good for

  • Teaching functional-group recognition in introductory organic chemistry
  • Quick-reference for predicting reaction families from molecular structure
  • Linking structural motifs to spectroscopic signatures (IR carbonyl at 1720 cm-1, O-H at 3300 cm-1)

Source & accuracy

This common functional groups 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.

Recognizing the major functional groups

Functional groups are clusters of atoms responsible for the chemical behavior of a molecule. An alcohol (R-OH) is reactive at the oxygen and can undergo oxidation, esterification, or substitution. An aldehyde (R-CHO) has a very electrophilic carbonyl carbon and readily undergoes nucleophilic addition. A ketone (R-CO-R) is less reactive than an aldehyde but still susceptible to nucleophilic attack. An ester (R-CO-OR) combines the carbonyl's electrophilicity with the ability to be hydrolyzed or transesterified. Each group defines a family of reactions.

Patterns in structure and reactivity

Amines (R-NH2, R-NHR, R-NR2) are nucleophilic and basic; they readily attack carbonyl carbons to form imines or amides. A carboxylic acid (R-COOH) is a weak acid and forms esters; its carbon is less electrophilic than an aldehyde or ketone because the hydroxyl oxygen donates electron density. An amide (R-CO-NR2) is even less electrophilic due to nitrogen's strong donation of lone pairs. These patterns appear throughout organic chemistry: similar functional groups behave similarly, even if the surrounding carbon skeleton is different.

Identifying functional groups in complex molecules

When analyzing a drug, natural product, or synthetic intermediate, finding the functional groups tells you what reactions are possible and what properties to expect. A molecule with both an alcohol and a ketone can undergo oxidation at the alcohol or nucleophilic addition at the ketone. A compound with an ester and an amine can hydrolyze or undergo substitution. The ability to spot functional groups quickly is essential for predicting reactivity, proposing synthesis routes, and understanding why a compound has the properties it does.

Embed this diagram

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

Frequently asked questions

Where can I get a free animated "Common Functional Groups" for my website?
Scrollchart provides "Common Functional Groups" 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 common functional groups 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.