Skip to main content
UI.S

GitHub Primer

by GitHub

The Design System for GitHub

Philosophy

Primer is the design system that powers GitHub. It provides a shared vocabulary and set of building blocks for designing and building GitHub's user interfaces consistently and efficiently.

Principles

  • Content-first design
  • Responsive and adaptive
  • Accessible to all developers
  • Consistent GitHub experience
  • Open source

Components

Action BarAction ListAction MenuAnchored OverlayAutocompleteAvatarAvatar StackBannerBlankslateBranch NameBreadcrumbsButtonButton GroupCheckboxCheckbox GroupCircle BadgeConfirmation DialogCounter LabelDetailsDialogHeadingIcon ButtonInline MessageLabelLabel GroupLinkNav ListOverlayPage HeaderPage LayoutPaginationPopoverProgress BarRadioRadio GroupRelative TimeSegmented ControlSelectSelect PanelSkeleton AvatarSkeleton BoxSkeleton TextSpinnerSplit Page LayoutStackState LabelTextText InputText Input With TokensTextareaTimelineToggle SwitchTokenTooltipTree ViewTruncateUnderline NavUnderline Panels

Details

Platforms
web
Tech
react
Features
figmatokensa11ythemingiconsanimation
Last updated