Cross icon
Better in English?
Better in English? Switch the website language for a better experience.

Atomic Design

TL;DR

A methodology for designing interfaces by progressively assembling components (atoms, molecules, organisms).

Atomic Design is an interface design methodology developed by Brad Frost, which organizes components into five increasing levels of complexity: atoms, molecules, organisms, templates, and pages. A button is an atom, a form field with its label is a molecule, a complete form is an organism. This approach efficiently structures the construction of a coherent, reusable design system.

Published on
7/27/2026
Updated on
7/26/2026

Code

Copier le code
Copy icon
Check icon
Mazette.co
/
Glossary
/