Resources for frontend style guides, pattern libraries, UI libraries, and componenet libraries.
💁 StyleGuides.io is probably the most complete resource for articles, tools, and examples.
Front-end Style Guides, Anna Debenham (24ways.org)
Responsive Deliverables, Dave Rupert
Creating Style Guides (alistapart.com)
Design Systems: Building for the Future (css-tricks.com)
Anchoring Your Design Language in a Live Style Guide (uxmag.com)
The Post PSD Era doesn’t want to kill designers, Trevor Connolly
A Maintainable Style Guide, Ian Feather
Types of style guides, Brad Frost
Style guide best practices, Brad Frost
Video: Nicole Sullivan and Colin O’Byrne talk about SDD, a term that was coined in the New York office of Pivotal Labs.
Slide deck: Style Guide Driven Development by Nico Hagenburger
Video: Style Guide-driven UI Design with Sass, Jina Bolton
Style Guide Driven Development (envato.com)
Styleguide-Driven Development: The New Web Development, John Albin, DrupalCon Amsterdam 2014
Getting Started With Pattern Libraries, (alistapart.com)
Anna Debenham's bookmarks for frontend style guides
Dan Mall's visual inventory concept
- Atomic design, Brad Frost
- An extract from Designing Atoms and Elements (stuffandnonsense.co.uk)
- http://patternlab.io (Available in several flavors)
- https://github.com/Team-Sass/generator-style-prototype
- https://github.com/hagenburger/livingstyleguide
- https://github.com/bjankord/Style-Guide-Boilerplate
- https://github.com/resource/fabricator
- https://github.com/paulrobertlloyd/barebones
- https://github.com/sourcejs/Source
More:
- https://github.com/davidhund/styleguide-generators
- http://alistapart.com/blog/post/style-guide-generator-roundup
- A List Apart (source)
- Atlassian
- BBC
- Code for America
- Disqus
- Editorially (source)
- Github
- GOV.UK
- Lonely Planet
- Mailchimp
- Mapbox
- Mozilla
- Salesforce
- Sass
- Starbucks
- SurveyMonkey
- Ubuntu
- UPenn
- Yelp
More:
- Entertainment Weekly
- Brad Frost
- Josh Clark
- Jonathan Stark
- Dan Mall
- Code for America by ClearLeft
- Ben & Jerry's by Happy Cog
- A living style guide for GOV.UK
- Lonely Planet: What we would change about Rizzo
- Styleguide-Driven Development at Eventbrite: Introduction
- Salesforce: Living Design System
- https://github.com/salesforce-ux/design-properties
- https://github.com/salesforce-ux/theo
- Belly: CSS as a Service: Maintaining Style
Thinking inside the box inside the box inside the box: Designing with style guides, Mason Wendell (DrupalCon Austin 2014)
Front-End Style Guides Pocket Guide by Anna Debenham
Style Guides with Anna Debenham, The Web Ahead
Brand identity style guides from around the world (logodesignlove.com)