UI pattern libraries & references

Browse recurring interface patterns and examples of how products solve familiar design problems. Compare approaches to organisation, feedback, selection and navigation across different contexts.

UI patterns

Interface concepts by screen type.
Interaction pattern examples.
Visual references and creative work to explore.
Illustrations and visual assets for digital products.
Illustrations and visual assets for digital products.
Visual references and creative work to explore.
Visual references and creative work to explore.
Printable Wireframe Templates Printable Grids for Design Wireframing Printable Wireframe Templates - Sneakpeekit Sneakpeekit Home Precision Grid Browsers Mobiles Tablets Catch insights, sketch ideas.
The documented collection of UI components.

Using these references

Define the problem before choosing a pattern. Compare its assumptions with the needs of your own users and content. Review the supporting states and interactions so the solution works beyond a polished default screen.