# sindresorhus/github-markdown-css

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/sindresorhus-github-markdown-css).**

8,891 stars · 2,093 forks · CSS · MIT

## Links

- GitHub: https://github.com/sindresorhus/github-markdown-css
- Homepage: https://sindresorhus.com/github-markdown-css
- awesome-repositories: https://awesome-repositories.com/repository/sindresorhus-github-markdown-css.md

## Description

The minimal amount of CSS to replicate the GitHub Markdown style

## Tags

### Content Management & Publishing

- [GitHub Flavored Renderers](https://awesome-repositories.com/f/content-management-publishing/markdown-renderers/github-flavored-renderers.md) — Ships a CSS stylesheet that replicates GitHub's visual rendering of Markdown content for use in any HTML document.
- [Markdown Renderers](https://awesome-repositories.com/f/content-management-publishing/markdown-renderers.md) — Formats headings, code blocks, tables, blockquotes, and lists to match GitHub's Markdown appearance.

### Business & Productivity Software

- [Semantic HTML Structures](https://awesome-repositories.com/f/business-productivity-software/recipe-repositories/semantic-html-structures.md) — Targets standard Markdown HTML elements like h1, blockquote, and pre to style rendered content directly.

### Scientific & Mathematical Computing

- [List and Table Styling](https://awesome-repositories.com/f/scientific-mathematical-computing/data-table-formatting/list-and-table-styling.md) — Provides CSS styling for tables with alignment and zebra stripes, and lists with proper indentation and nesting.

### Software Engineering & Architecture

- [No-JavaScript Fallbacks](https://awesome-repositories.com/f/software-engineering-architecture/api-documentation-generators/javascript/no-javascript-fallbacks.md) — Operates entirely without client-side scripting, relying solely on CSS for all visual effects and interactivity.

### User Interface & Experience

- [Light and Dark Theme Implementations](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming/light-and-dark-theme-implementations.md) — Implements light and dark color schemes entirely through CSS custom properties and media queries without JavaScript.
- [Light and Dark Theme Systems](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming/light-and-dark-theme-systems.md) — Implements light and dark color schemes entirely through CSS custom properties with automatic system preference detection.
- [Pre-Compiled Stylesheets](https://awesome-repositories.com/f/user-interface-experience/pre-compiled-stylesheets.md) — Delivers a pre-built, minified CSS file that requires no build step or runtime processing.
- [CSS Class-Based Styling](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/css-class-based-styling.md) — Provides a single container class to scope all Markdown styles and prevent leakage into surrounding page styles.
- [Blockquote Styling](https://awesome-repositories.com/f/user-interface-experience/content-formatting/blockquote-styling.md) — Displays blockquotes with left-border and indentation styling for quoted text. ([source](https://sindresorhus.com/github-markdown-css))
- [Link and Image Styling](https://awesome-repositories.com/f/user-interface-experience/link-and-image-styling.md) — Styles hyperlinks and images with color, hover effects, and sizing. ([source](https://sindresorhus.com/github-markdown-css))
- [Syntax Highlighters](https://awesome-repositories.com/f/user-interface-experience/syntax-highlighters.md) — Renders fenced and indented code blocks with monospace formatting and syntax highlighting support.
- [Compatible Stylesheets](https://awesome-repositories.com/f/user-interface-experience/syntax-highlighters/compatible-stylesheets.md) — Provides a CSS stylesheet designed to pair with syntax highlighters for reproducing GitHub's code block appearance.
- [Table Styling](https://awesome-repositories.com/f/user-interface-experience/table-styling.md) — Formats tables with column alignment, borders, and zebra-stripe row styling. ([source](https://sindresorhus.com/github-markdown-css))

### Web Development

- [Inline Text Styles](https://awesome-repositories.com/f/web-development/web-standards/typography-systems/inline-text-styles.md) — Provides CSS styling for bold, italic, strikethrough, inline code, hyperlinks, and images matching GitHub's typography.
- [Description List Formatting](https://awesome-repositories.com/f/web-development/unordered-lists/description-list-formatting.md) — Renders ordered and unordered lists with proper indentation, nesting, and spacing. ([source](https://sindresorhus.com/github-markdown-css))
- [Heading Styles](https://awesome-repositories.com/f/web-development/web-standards/typography-systems/heading-styles.md) — Applies heading hierarchy with appropriate font sizes, weights, and spacing. ([source](https://sindresorhus.com/github-markdown-css))

### Part of an Awesome List

- [Syntax Highlighting Compatible Stylesheets](https://awesome-repositories.com/f/awesome-lists/devtools/code-highlighting/syntax-highlighting-compatible-stylesheets.md) — Pairs with a syntax highlighter to reproduce code block appearance inside styled Markdown. ([source](https://cdn.jsdelivr.net/gh/sindresorhus/github-markdown-css@main/README.md))

### Development Tools & Productivity

- [Code Block Styling](https://awesome-repositories.com/f/development-tools-productivity/monospaced-fonts/code-block-styling.md) — Renders fenced and indented code blocks with monospace formatting and background shading. ([source](https://sindresorhus.com/github-markdown-css))