No matter if you are in a coffee break, stuck at work trying to solve a UI problem or just looking to delight your users with best UI patterns, here are some useful resources related to front-end style guides and pattern libraries.

Styleguides

This site lists lots of useful resources to help you learn about and create your own Front-End Style Guides and Pattern Libraries.

Adele

The repository of publicly available design systems and pattern libraries.

Designsystemsrepo

A comprehensive and curated list of design systems, style guides and pattern libraries that you can use for inspiration.

UI Goodies

On UI Goodies youâll find a variety of resources that will help you design for accessibility, find iconography, color palettes and background patterns. You can browse the best design systems and stock photo sites. Thereâs even a section for audio.

UI Pattern

UI Sources

It is a curated repository of interaction design. Analyze product flows, features and interactions and get real design inspiration for your own apps. Built for designers, developers, product folks and entrepreneurs.

Pttrns

It is the finest collection of design patterns, resources and inspiration.

Mobbin

It is a hand-picked collection of the latest mobile design patterns from apps that reflect the best in design. Get inspiration from over 150 iOS apps and 8,000 patterns (screenshots from iPhone X) available on the platform

Brand Style Guide Examples

Hand-picked collection of brand style guide examples, pattern libraries and design manuals for inspiration. Find all the best style guides in one place. Maintained by Saijo George.

A collection of awesome design systems

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as ‘Voice and Tone’.

Long List of Style Guides and Pattern Libraries

The following lists include a wide variety of examples from personal websites, blogs, event pages, companies, and toolkits/resources.

UI Garage

The one stop shop for Designers & Developers to find inspiration, resources and tools.

Really Good Emails

It aims to be the best showcase of email design and resources on the web. This 4k+ handpicked collection is powered by community submissions and our own obsessive drive to find the best email examples out there.

UI Cloud

It collects the best UI element designs from the internet all over the world and provides a search engine for you to find the best UI element that you need.