Primer

css-framework responsive layout

Primer is the CSS framework that powers GitHub. It enables easy implementation of modern and responsive designs in web pages or applications. Primer provides components and utility classes that offer the necessary tools to create consistent and flexible UIs.

Latest Ver 21.1.1

Homepage

Github

12,682

📢 A CSS framework for GitHub, facilitating modern and responsive design.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/alerts.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/alerts.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/autocomplete.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/autocomplete.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/avatars.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/avatars.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/base.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/base.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/blankslate.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/blankslate.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/box.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/box.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/branch-name.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/branch-name.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/breadcrumb.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/breadcrumb.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/buttons.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/buttons.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/color-modes.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/color-modes.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/core.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/core.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/dropdown.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/dropdown.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/forms.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/forms.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/header.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/header.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/labels.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/labels.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/layout.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/layout.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/links.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/links.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/loaders.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/loaders.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/markdown.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/markdown.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-buttons.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-buttons.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-links.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-links.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-support.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-support.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-type.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-type.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-utilities.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-utilities.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/navigation.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/navigation.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/overlay.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/overlay.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/pagination.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/pagination.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/popover.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/popover.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/primer.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/primer.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/primitives.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/primitives.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/product.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/product.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/progress.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/progress.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/select-menu.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/select-menu.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/subhead.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/subhead.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/support.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/support.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/table-object.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/table-object.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/timeline.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/timeline.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/toasts.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/toasts.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/toggle-switch.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/toggle-switch.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/tooltips.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/tooltips.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/truncate.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/truncate.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/utilities.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/utilities.min.css

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/alerts.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/autocomplete.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/avatars.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/base.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/blankslate.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/box.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/branch-name.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/breadcrumb.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/buttons.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/color-modes.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/core.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/dropdown.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/forms.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/header.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/labels.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/layout.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/links.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/loaders.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/markdown.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-buttons.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-links.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-support.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-type.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing-utilities.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/marketing.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/navigation.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/overlay.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/pagination.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/popover.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/primer.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/primitives.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/product.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/progress.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/select-menu.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/subhead.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/table-object.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/timeline.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/toasts.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/toggle-switch.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/tooltips.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/truncate.css.map

https://cdnjs.cloudflare.com/ajax/libs/Primer/21.1.1/utilities.css.map

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div class='Box'>
  <h1 class='Box-title'>Welcome to Primer</h1>
  <p class='Box-body'>This is a basic example using the Primer CSS framework.</p>
</div>

🎨 External CSS
<link href="https://unpkg.com/primer/build/build.css" rel="stylesheet">