Skip to content
Get packs

Milligram

A small CSS stylesheet framework for clean, simple page styling, around 2kb gzipped.

GitHub Download v1.4.1
Stars
10.2k
Forks
726
Licence
MIT
Language
HTML
Last update
2 months ago
Type
Library

What it is

Milligram is a minimal CSS framework: a ready-made set of styles you add to a web page so headings, buttons, forms, tables and grids look reasonable without writing much CSS yourself. The README says it is only about 2kb gzipped and is intentionally not a full UI component kit. It is installed through npm, Yarn or Bower.

  • Styling a simple landing page or personal site with clean typography and buttons
  • Adding a responsive grid layout to an existing HTML page
  • Giving a quick prototype consistent forms and tables without custom CSS

Great for

  • Developers who want a light starting point for a simple website or prototype
  • People who prefer writing their own HTML with minimal framework styling
  • Projects where small file size matters
  • Developers who want fewer CSS resets to override

Not ideal for

  • People who need a large set of ready-made components like dropdowns or modals, since the README says it is not a UI framework
  • Non-developers who want a no-code site builder, since it requires editing HTML and CSS
  • Teams that need active, frequently updated tooling, since the latest release shown is v1.4.1 and the README does not describe a maintenance schedule
Step-by-step guide: how to use MilligramInstall, first run, examples, tips and FAQs
Milligram alternativesBulma vs MilligramMilligram vs SkeletonBootstrap vs Milligram

How to get it

  1. 1

    Install with a package manager

    You'll need: npm, Yarn or Bower

    Install with npm

    npm install milligram

    Install with Yarn

    yarn add milligram

    Install with Bower

    bower install milligram
  2. 2

    Run it

    • Install the package with one of the commands above.
    • Link the Milligram stylesheet from your HTML page.
    • Write standard HTML elements such as headings, buttons and forms.
    • Open the page in a browser to see the styles applied.
  3. 3

    Get the most out of it

    • Read the documentation sections on the project site (typography, buttons, forms, tables, grids) before writing custom CSS
    • Use the grid utilities for simple responsive layouts
    • Check the Examples section on milligram.io for sample pages

Downloads

Source code (.zip)main branch · straight from GitHubRelease v1.4.1Release notes and sourceOfficial website & docsmilligram.io

Strengths

  • Very small footprint, stated as about 2kb gzipped
  • Covers common basics like typography, forms, tables and grids
  • MIT licensed and free to use

Trade-offs

  • Limited scope: the README says it is not a full UI component library
  • The README is brief and documentation mostly lives on the external website
  • Maintenance pace is not stated in the README, so check recent activity before relying on it long term

How it compares

ProjectStarsTypeLevelUpdatedBest for
milligram (this)10.2kLibrarybeginner2 months agoDevelopers who want a light starting point for a simple website or prototype
bootstrap175kLibrarybeginner4 days agoDevelopers building responsive websites or web app interfaces quickly
bulma50kLibrarybeginner2 months agoDevelopers who want a quick, consistent styling baseline for a web page
Skeleton19.3kLibrarybeginner3.0 years agoDevelopers who want a simple responsive grid without a build tool
pure14.5kDev toolbeginner30 days agoDevelopers who use zsh and want a simple, readable prompt
materialize38.8kLibrarybeginner3 months agoDevelopers building a web page or app who want a Material Design look quickly

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.