Primer

css-framework responsive layout

Primer는 GitHub에서 사용되는 CSS 프레임워크입니다. 이는 웹 페이지나 애플리케이션에 모던하고, 반응형 디자인을 쉽게 구현할 수 있도록 돕습니다. Primer는 구성 요소와 유틸리티 클래스를 제공하여, 일관되고 유연한 UI를 만드는 데 필요한 도구를 제공합니다.

Latest Ver 21.1.1

Homepage

Github

12,682

📢 GitHub를 위한 CSS 프레임워크로, 모던하고 반응형 디자인을 구현할 수 있습니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

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

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 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">