Heroku Pattern Lab

>

Menu

Atoms
1. Typography
2. Colors
3. Buttons
  1. Btn default
  2. Btn primary
  3. Btn colors
  4. Btn sizes
  5. Btn deploy
  6. Btn types
  7. Btn switch
  8. Badges
  9. View All
4. Forms
  1. Text fields
  2. Select menu
  3. Checkbox
  4. Radios
  5. Validation
  6. View All
5. Quote
6. Code
  1. Pre
  2. View All
7. Tooltips
8. Loader
  1. Spinner
  2. View All
9. Readmore
  1. Readmore
  2. View All
10. Unslider
  1. Dots
  2. View All
11. Tables
  1. Tables
  2. View All
12. Modal
  1. Modal
  2. View All
13. Panel
  1. Panel
  2. View All
14. Users
  1. Avatar
  2. View All
15. Icons
  1. Icons
  2. Icon font
  3. Icons malibu
  4. View All
16. Video
  1. Video
  2. View All
17. Utilities
Molecules
1. Text
2. Layout
  1. One up
  2. Two up
  3. Three up
  4. Four up
  5. Masonary 2
  6. Masonary 3
  7. Flexbox
  8. View All
3. Navigation
  1. Subnav
  2. Breadcrumbs
  3. Side nav
  4. Side nav small
  5. Pagination
  6. Tabs
  7. View All
4. Unslider
  1. Unslider
  2. View All
5. Messages
  1. Alert
  2. View All
6. Elements
7. Tabs
  1. Vertical tabs
  2. View All
Organisms
1. Sections
All

Size px / em
- S
- M
- L
- Full
- Random
- Disco
- Hay!
MQ
Search Patterns
View
Tools