Whether you’re designing a website, a mobile app, or a software product, it’s going to contain pages which are built of a lot of smaller pieces. You can think of these as the building blocks. A pattern library collects all these reusable pieces in one place to make sure they all work together and keep your designs consistent. It includes UI components like buttons, links, forms, navigation, tables, and other repeated modules. The pattern library should also capture the interactions for these components. For instance, what does it look like when you hover over a button? What’s the transition like when a tooltip shows up? The visual design elements like color, typography, icons etc. are not part of the Pattern Library, but are defined in a Style Guide.
All the design components are collected in the Pattern Library