Styleguide & Boilerplate Patterns
Comments
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
Comment only
 
 
ABCDEFGHIJKLMNOPQRSTUVWXYZAAAB
1
AboutBootstrapFoundationPattern PrimerStyle Guide BoilerplateBarebonesTypeplateClearleft Styleguidemezzoblue Markup GuideStarbucks Style GuidePaul Robert Lloyd StyleguideBaselineGitHub CSS Style GuidePearsResponsive Patternsinuit.cssAUITopcoatTuktukRock HammerPureGumbyPrimerSemantic UIMaterializeUIkit
2
Last Update2015-04-132015-04-012013-05-082013-06-182013-05-082013-05-082013-05-082013-05-082013-05-082013-05-082013-05-082013-05-082013-05-082013-05-082013-05-102013-05-162013-05-242013-05-242013-05-242013-06-032013-08-052015-03-302015-07-312015-07-312015-07-31
3
Layout
4
Grid system1515xxxxxxxxxxxxxxx
5
Baseline grid (vertical rhythm)22xx
6
Containers or panels1212xxxxxxxxxxxx
7
Containers or panels with headings44xxxx
8
Stacked containers (like pieces of paper)11x
9
Spacing (common dimensions)22xx
10
Vertical alignment helpers44xxxx
11
Fixed positioning helpers44xxxx
12
Float helpers44xxxx
13
Arrange/flex-table22xx
14
Flexbox layout patterns11x
15
Dynamic grid (masonry)11x
16
Misc.
17
Colors88xxxxxxxx
18
Icons1111xxxxxxxxxxx
19
Sprites11x
20
Region/culture flags (US, GB, FR, etc.)22xx
21
Visiblity classes (based on viewport size)66xxxxxx
22
Arrows/carets22xx
23
Avatars33xxx
24
Parent-child avatars11x
25
Border styles11x
26
Shadows11x
27
Typography
28
Font stacks66xxxxxx
29
Heading 11717xxxxxxxxxxxxxxxxx
30
Heading 22020xxxxxxxxxxxxxxxxxxxx
31
Heading 32020xxxxxxxxxxxxxxxxxxxx
32
Heading 42020xxxxxxxxxxxxxxxxxxxx
33
Heading 51919xxxxxxxxxxxxxxxxxxx
34
Heading 61919xxxxxxxxxxxxxxxxxxx
35
Subheading 133xxx
36
Subheading 233xxx
37
Subheading 333xxx
38
Subheading 433xxx
39
Subheading 533xxx
40
Subheading 633xxx
41
Small heading segments (inline in larger heading)44xxxx
42
Inline heading links22xx
43
Headings with imagery or iconography11x
44
Heading with divider or rule11x
45
Disabled heading11x
46
Paragraph1515xxxxxxxxxxxxxxx
47
Lead/intro copy or paragraph66xxxxxx
48
Secondary paragraph11x
49
Tertiary paragraph11x
50
Caption paragraph11x
51
Blockquote1616xxxxxxxxxxxxxxxx
52
Citation (usually with blockquote)1111xxxxxxxxxxx
53
Pull quote22xx
54
Address / Vcard55xxxxx
55
Text alignment classes77xxxxxxx
56
Text style classes55xxxxx
57
Unordered list1717xxxxxxxxxxxxxxxxx
58
Unordered list with no bullet (indent-only)11x
59
Ordered list1717xxxxxxxxxxxxxxxxx
60
Unstyled list55xxxxx
61
Inline, inline-block or horizontal list44xxxx
62
Definition list1515xxxxxxxxxxxxxxx
63
Horizontal definition list44xxxx
64
Dictionary definition list11x
65
Dialog definition list11x
66
Legal terms list11x
67
Block list22xx
68
List with dividers33xxx
69
List with images22xx
70
List of links11x
71
Animated list (on hover, etc.)11x
72
Horizontal rule(s) or dividers77xxxxxxx
73
Vertical rule(s) or dividers11x
74
Drop capitals11x
75
Ampersands11x
76
Margin notes11x
77
Single-line truncation22xx
78
Text selection styles11x
79
Responsive text size (flow-text)11x
80
Inline styles
81
Link88xxxxxxxx
82
Small print99xxxxxxxxx
83
Strong or bold99xxxxxxxxx
84
Emphasis or italic1111xxxxxxxxxxx
85
Emphasis styles (muted, error, success)55xxxxx
86
Deletion (strikethrough)1111xxxxxxxxxxx
87
Insertion1111xxxxxxxxxxx
88
Mark or highlight99xxxxxxxxx
89
Definition77xxxxxxx
90
Subscript and superscript66xxxxxx
91
Abbreviation1111xxxxxxxxxxx
92
Time or date33xxx
93
Inline quotes (q)77xxxxxxx
94
Inline labels99xxxxxxxxx
95
Inline badges/counters (numeric)88xxxxxxxx
96
Inline badges/states (text)33xxx
97
Inline tooltips (not interactive)11x
98
Unarticulated non-textual annotation (u)33xxx
99
White space characters11x
100
Code
Loading...
 
 
 
By Framework