# milligram/milligram

**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/milligram-milligram).**

10,214 stars · 726 forks · HTML · MIT

## Links

- GitHub: https://github.com/milligram/milligram
- Homepage: https://milligram.io
- awesome-repositories: https://awesome-repositories.com/repository/milligram-milligram.md

## Topics

`amp` `css` `css-framework` `design` `flexbox` `framework` `hacktoberfest` `html` `milligram` `minimalist`

## Description

A minimalist CSS framework.

## Tags

### User Interface & Experience

- [Lightweight CSS Frameworks](https://awesome-repositories.com/f/user-interface-experience/lightweight-css-frameworks.md) — Provides a lightweight, responsive set of base styles for HTML elements without custom CSS.
- [Browser Style Normalizers](https://awesome-repositories.com/f/user-interface-experience/browser-style-normalizers.md) — Normalizes inconsistent default browser styles to create a consistent visual foundation across devices.
- [Flat, Outlined, and Clear Variants](https://awesome-repositories.com/f/user-interface-experience/button-styles/flat-outlined-and-clear-variants.md) — Ships flat, outlined, and clear button variants applied directly to button or anchor elements.
- [Classless CSS Frameworks](https://awesome-repositories.com/f/user-interface-experience/classless-css-frameworks.md) — Applies styles directly to semantic HTML elements without requiring any CSS classes or custom markup.
- [Form Styling](https://awesome-repositories.com/f/user-interface-experience/form-styling.md) — Styles form inputs, selects, textareas, and buttons consistently for a mobile-friendly user experience. ([source](https://milligram.io/))
- [Mobile-First Variants](https://awesome-repositories.com/f/user-interface-experience/form-styling/mobile-first-variants.md) — Styles form inputs, selects, and textareas with consistent sizing and touch-friendly spacing for small screens.
- [Global CSS Stylings](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/css-utility-libraries/css-utilities/global-css-stylings.md) — Normalizes browser inconsistencies by overriding default element styles to a predictable baseline.
- [REM Scaling Frameworks](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/css-utility-libraries/css-utilities/rem-scaling-frameworks.md) — Sets font sizes and line heights using rem units so text scales proportionally with the root font size.
- [Minimal Base Styles](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/css-styling/minimal-base-styles.md) — Applies a clean, lightweight set of base styles to HTML elements for a fast starting point in web projects. ([source](https://cdn.jsdelivr.net/gh/milligram/milligram@main/README.md))
- [Responsive Base Styles](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/css-base-styles/responsive-base-styles.md) — Applies a minimal set of clean, responsive base styles so a page looks good without any custom CSS. ([source](https://cdn.jsdelivr.net/gh/milligram/milligram@main/README.md))
- [Flexbox-Based Grid Systems](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/css-layout-systems/flexbox-based-grid-systems.md) — Ships a flexbox-based grid system that automatically distributes space across columns.
- [Button Styles](https://awesome-repositories.com/f/user-interface-experience/button-styles.md) — Applies flat, outlined, and clear button styles to button or anchor elements. ([source](https://milligram.io/))
- [Code Snippet Styling](https://awesome-repositories.com/f/user-interface-experience/code-snippet-styling.md) — Styles inline code snippets and preformatted code blocks for clear presentation of computer code. ([source](https://milligram.io/))
- [Font Size Presets](https://awesome-repositories.com/f/user-interface-experience/component-sizing-utilities/link-sizing/size-retrievers/font-size-presets.md) — Sets a consistent base font size and line height using rem units so text scales predictably across devices. ([source](https://milligram.io/))
- [Blockquote Styling](https://awesome-repositories.com/f/user-interface-experience/content-formatting/blockquote-styling.md) — Renders a blockquote with distinct styling to visually separate quoted content from surrounding text. ([source](https://milligram.io/))
- [Table Visual Styling](https://awesome-repositories.com/f/user-interface-experience/data-display-components/data-table-customizations/table-header-customizers/table-visual-styling.md) — Styles table elements with proper thead and tbody formatting for clean, readable data presentation. ([source](https://milligram.io/))
- [Styled Input Fields](https://awesome-repositories.com/f/user-interface-experience/input-field-enhancements/input-field-initializers/styled-input-fields.md) — Applies consistent, mobile-friendly styling to input fields, textareas, and select elements. ([source](https://milligram.io/forms.html))

### Software Engineering & Architecture

- [Browser Style Resets](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/layering-presentation/application-layer-architectures/browser-style-resets.md) — Normalizes inconsistent default styles across browsers to create a consistent visual foundation. ([source](https://cdn.jsdelivr.net/gh/milligram/milligram@main/README.md))

### Content Management & Publishing

- [Blockquote Display](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/code-display-snippets/blockquote-display.md) — Renders inline code, code blocks, and blockquotes with distinct styling for clear content presentation.

### Development Tools & Productivity

- [Bundle Size Optimization](https://awesome-repositories.com/f/development-tools-productivity/bundle-size-optimization.md) — Delivers only 2kb of gzipped CSS to minimize page weight and accelerate load times. ([source](https://cdn.jsdelivr.net/gh/milligram/milligram@main/README.md))

### Scientific & Mathematical Computing

- [List and Table Styling](https://awesome-repositories.com/f/scientific-mathematical-computing/data-table-formatting/list-and-table-styling.md) — Applies consistent styling to tables and lists for clear data and content hierarchy.

### Web Development

- [Description List Formatting](https://awesome-repositories.com/f/web-development/unordered-lists/description-list-formatting.md) — Renders unordered, ordered, and description lists with distinct markers and spacing for clear content hierarchy. ([source](https://milligram.io/))