Primer Packages

A scalable set of icons handcrafted with <3 by GitHub.

The CSS implementation of GitHub's Primer Design System

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

Immutable, atomic CSS classes to rapidly build product

Sharable stylelint config used by GitHub's CSS

Add tooltips built entirely in CSS to nearly any element.

Primer is the CSS framework that powers GitHub's front-end design. primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to i

Stylelint rule that doesn't allow the styling of utility classes in CSS

A collection of buttons used for primary and secondary actions.

Containers, rows, and columns for creating page layout.

Singular purpose and flexible navigation elements.

Style individual form controls and utilize common layouts.

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

Shorten text with an ellipsis.

CSS to reset the browsers default styles

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

Breadcrumb navigation for pages with parents / grandparents.

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

Pagination component for applying button styles to a connected set of links that go to related pages

GitHub stylesheets for rendering markdown.