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

GitHub's official CSS design system available as an npm package for anyone to use in their own projects. Currently in maintenance-only mode, no new features are being added.

A scalable set of icons handcrafted with ❤️ by GitHub

Octicons is GitHub's official SVG icon library, with packages for JavaScript, React, Ruby, Rails, and Jekyll so you can use the same icons that appear across GitHub's own interface in your own projects.

An implementation of GitHub's Primer Design System using React

GitHub's VS Code themes

Primer Design Guidelines

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

ViewComponents for the Primer Design System

Color, typography, and spacing primitives in json.

A Gatsby theme for building Primer documentation sites

Sharable stylelint config used by GitHub's CSS

The website for all things Primer

Export image assets from Figma to GitHub

Stylesheets for rendering GitHub Flavored Markdown with Primer.

Uses a prettylights theme object to generate syntax themes for multiple platforms

React components and Primitives for GitHub marketing websites

[WIP] A new look for Octicons, GitHub's icon set

Probot using figma api to comment on PRs with before after images

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

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

The CSS syntax theme for GitHub

GitHub Dark (classic) theme for VS Code

The CSS dark syntax theme for GitHub

The quickest way to start playing around with Primer React

Deploy to Now from GitHub Actions with useful aliases

The GitHub Action that publishes Primer packages to npm

Shared behaviors for JavaScript components

A jekyll liquid plugin that makes including svg Octicons simple.

GitHub's official light syntax theme as an atom theme

Get a swatch svg for a color token from @primer/primitives

GitHub's official syntax themes as TextMate themes

No description.

A Next.js theme for building Primer documentation sites

A rails helper that inlines SVG octicons

Codemirror GitHub syntax theme

Primer forms framework for Rails

ESLint rules for Primer React

GitHub's official dark syntax theme as an atom theme

Keynote templates for using GitHub's octicons in presentations

Immutable, atomic CSS classes to rapidly build product

Contribution guidelines for the Primer Design System

Add tooltips built entirely in CSS to nearly any element.

Reusable components for our documentation sites

Octicons gem that makes primer/octicons available in ruby env

Sync Primer CSS source files from npm to your git repo

Understand all the pages in your Next.js app like a person who makes websites

A custom element for making announcements with live regions

An atom autocomplete+ provider that completes primer related code

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

Design guidelines for GitHub's command line tool

Scripts to build primer SCSS modules into CSS and stats

GitHub Stuff

Convert Storybook into Sketch symbols 💎

One time migrations for primer/react

Stylelint rule that forbids re-styling Primer CSS utility classes

Free and Open Source Public Web CDN for web developer!

Compiled storybook source for GH-pages

No description.

Generate development-ready theme JSON files from Figma Styles

The quickest way to start playing around with Primer ViewComponents

A collection of buttons used for primary and secondary actions.

Codemirror GitHub syntax theme

Ace theme for GitHub dark syntax

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

Style individual form controls and utilize common layouts.

Basic styles for user profile avatars.

Shorten text with an ellipsis

The core modules of the primer framework. Shared between our product and marketing pages.

Sass variables, mixins, and functions used in primer

Public repository for folks outside of GitHub to open issues relating to the Primer documentation site (https://primer.style).

VSCode extension for Primer primitives

Ace theme for GitHub light syntax

A list of Atom packages recommended by the GitHub design systems team

Singular purpose and flexible navigation elements.

Containers, rows, and columns for creating page layout.

A module for creating dynamically resizable elements that always sit on the same horizontal line.

States, or state indicators, inform users of the current status of a particular item.

A module for creating rounded-corner boxes with options for headers, lists, and footers.

The product based modules of the primer framework. Shared between our product and marketing pages.

No description.

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

CSS to reset the browsers default styles

Blankslates are for when there is a lack of content within a page or section.

Flash messages, or alerts, inform users of successful or pending actions.

work in progress

Get data on the latest Primer releases

Primer marketing is the marketing based modules of the primer framework.

Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.

No description.

Visualize various stats about your css

No description.

This is a repo to test actions

No description.

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

No description.

Breadcrumb navigation for pages with parents / grandparents.

Sass variables, mixins, and functions for use in our marketing components.

Card-like containers to group semantically related content together on marketing websites at GitHub.

Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.

Styles to display tabular data for marketing websites at GitHub.

No description.

Tools to evaluate agent performance on Primer tasks

This action make a deployment with github actions instead of Vercel builder.