Hello,
Atomic design is a methodology composed of five distinct stages working together to create interface design systems more deliberately and hierarchically.
Here I have explained Five Components Of Atomic Design:
Atoms: These are the smallest and most basic building blocks. These are applied to web interfaces as labels, input fields, text boxes, buttons, etc.
Molecules: When atoms are combined, we get molecules: groups of atoms, bonded together that are the smallest fundamental units of a compound.
Organisms: Organisms are formed by using molecules as our building blocks. When molecules are joined together, it becomes a relatively complex and distinct section of interfaces that have been created an organism.
Templates: This stage should already make sense to clients. Understandably, templates are mostly groups of organisms put together to form pages
Pages: This is used as specific instances of templates to give a precise understanding of what the final output will look like.
4 years, 11 months ago.