CSS

Primer – GitHub’s design system

The goal of this project is to create a system that enables GitHub to build consistent user experiences with ease, yet with enough flexibility to support the broad spectrum of GitHub websites.

This is free and open source software.

Key Features

  • Highly reusable, flexible styles – they can be mixed and matched to achieve many different layouts, independent of their location. They can be divided into 2 types:
    • Utilities – single purpose, immutable styles, that do one thing well.
    • Components – abstracted patterns for frequently used visual styles.
  • Highly composable base-8 spacing scale.
  • Customizable typography – Font size and line-height options work together to result in more sensible numbers. Font styles come in a range of weights and sizes so that we can style appropriately for content and readability. Change the visual styles while keeping markup semantic.
  • Meaningful color – add meaningful signals to content and interactions. Color variables and utilities offer thematic styling options without being tied to structure. Text and background colors come in a range of accessible combinations to ensure we build inclusive interfaces.

Website: github.com/primer/css
Support:
Developer: GitHub Inc.
License: MIT License

Primer is written in SCSS. Learn CSS with our recommended free books and free tutorials.


Related Software

CSS Front-end Frameworks
Tailwind CSSUtility-first CSS framework for rapidly building custom user interfaces
BulmaModern CSS framework that just works
BootstrapSleek, intuitive, and powerful mobile front-end framework
daisyUIComponent library for Tailwind CSS
UlkitLightweight and modular front-end framework
FoundationAdvanced responsive front-end framework
BasecoatComponent library that brings shadcn/ui-style interfaces to any web stack
PrimerGitHub’s design system
Fomantic-UICommunity fork of Semantic-UI
CirrusSCSS framework for the modern web
VanillaExtensible CSS framework, built using Sass
MaterializeModern responsive front-end framework based on Material Design
BlazeFramework-free UI toolkit

Read our verdict in the software roundup.


Best Free and Open Source Software Explore our carefully curated directory of recommended free and open source software, covering every major software category.

The directory forms part of our extensive collection of articles for Linux enthusiasts. It includes hundreds of detailed reviews, together with free and open source alternatives to proprietary software from companies such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk.

LinuxLinks also covers interesting projects worth exploring, Linux-compatible hardware, free programming books and tutorials, and much more.

Know a useful free and open source Linux application that we haven’t covered? Tell us about it using our submission form.
Subscribe

Please read our Comment Policy before commenting.

Notify of
guest
0 Comments
Oldest
Newest Most Voted