Molecules

Functional UI patterns built from atoms

Molecules are combinations of atoms that work together as a functional unit.
They introduce structure and interaction logic while remaining reusable and flexible.

Common examples of molecules include a search field with button, or a card with an image and text. Molecules are used throughout the interface to handle specific UI tasks – like entering data, triggering actions, or displaying content in a consistent layout.

You can explore components and design specs in Figma.