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