15 Websites for Pattern Library & Web Style Guide

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.

Styleguides

Adele

The repository of publicly available design systems and pattern libraries.

Adele

Designsystemsrepo

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

designsystemsrepo

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 Goodies

Waveguide

It is a curated design knowledge base with thousands of UI UX patterns, mobile patterns examples, landing page inspiration and more.

Waveguide

UI Pattern

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

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.

UI Sources

Pttrns

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

pttrns

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

Mobbin

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.

Brand Style Guide Examples

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’.

 A collection of awesome design systems

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.

Long List of Style Guides and Pattern Libraries

UI Garage

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

UI Garage

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.

Really Good Emails

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.

UI Cloud

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.