Primer

css

Primer is GitHub's design system. This is the CSS implementation

octicons

A scalable set of icons handcrafted with <3 by GitHub

react

An implementation of GitHub's Primer Design System using React

github-vscode-theme

GitHub's VS Code themes

prism

A tool for creating and maintaining cohesive, consistent, and accessible color palettes

design

Primer Design Guidelines

view_components

ViewComponents for the Primer Design System

primitives

Color, typography, and spacing primitives in json.

doctocat

A Gatsby theme for building Primer documentation sites

stylelint-config

Sharable stylelint config used by GitHub's CSS

primer.style

The website for all things Primer

presentations

Primer Presentations is the presentation design system for GitHub. It's intended to be used only by GitHub staff for presentations that represent GitHub.

brand

React components and Primitives for GitHub marketing websites

figma

Primer, GitHub's design system, available on Figma.

publish

The GitHub Action that publishes Primer packages to npm

behaviors

Shared behaviors for JavaScript components

react-template

The quickest way to start playing around with Primer React

doctocat-template

contribute

Contribution guidelines for the Primer Design System

eslint-plugin-primer-react

ESLint rules for Primer React

doctocat-nextjs

A Next.js theme for building Primer documentation sites

react-toolchain

Toolchain to help in building React components with @primer/react

.github

GitHub Stuff

live-region-element

A custom element for making announcements with live regions

api

A GraphQL API for collecting and accessing data about the Primer Design System

cli

Design guidelines for GitHub's command line tool

next-auth-template

A template for using Next + Primer + Auth.js + Octokit

releases

Get data on the latest Primer releases

generated-data

A repo with generated GitHub-like data to be used in tools like Figma plugins and prototypes.

test-repo