OSS TanbouOn this page
Overview
modern-normalize normalizes browser default styles for current browsers. Compared with normalize.css, it focuses on modern targets and adds opinionated defaults such as box-sizing: border-box, more consistent fonts, and a readable tab size.
Features and best fit
Based on official documentation; not hands-on tested · Content checked:
Key features
Limit normalization to current Chrome, Firefox, and Safari
It excludes legacy-browser rules and focuses the stylesheet on current evergreen browser behavior.
Sources: [2]
Normalize box sizing, fonts, and tab size as part of the base layer
Differences from normalize.css include global box-sizing: border-box, more consistent default fonts, and a more readable tab size.
Best fit
Fits modern-only frontends that want a smaller, slightly opinionated normalization layer
It is suitable when evergreen browsers are the support baseline and teams prefer fewer compatibility rules than normalize.css.
Sources: [2]
Before adoption
Browser support is explicitly limited to the latest Chrome, Firefox, and Safari
Legacy enterprise browsers and older embedded WebViews fall outside the documented support range.
Sources: [2]
Official sources
- [1]modern-normalize repository(2026-10-05)
- [2]modern-normalize v3.0.1 README(2026-10-05)
- [3]modern-normalize v3.0.1 stylesheet(2026-10-05)
- [4]modern-normalize v3.0.1 package metadata(2026-10-05)
- [5]modern-normalize v3.0.1 release(2026-10-05)
- [6]modern-normalize MIT license(2026-10-05)
Supplemental curator note
modern-normalize intentionally narrows support compared with normalize.css and targets the latest Chrome, Firefox, and Safari. Projects that still support IE or older browsers should review that compatibility difference before adopting it.
Try it in 3 steps
- 1
Install modern-normalize 3.0.1 in an isolated project
Pin the stable release and inspect its modern-browser normalization layer.
demo=$(mktemp -d "${TMPDIR:-/tmp}/modern-normalize.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact modern-normalize@3.0.1 - 2
Create HTML that loads modern-normalize
Load the single stylesheet intended for the latest Chrome, Firefox, and Safari.
printf "%s\n" '<!doctype html>' '<html><head><link rel="stylesheet" href="./node_modules/modern-normalize/modern-normalize.css"></head>' '<body><main><h1>Modern normalized page</h1><button>Button</button></main></body></html>' > index.html - 3
Verify modern-normalize-specific base rules
Confirm the global border-box model and readable tab-size defaults that distinguish it from normalize.css.
grep -q "box-sizing: border-box" node_modules/modern-normalize/modern-normalize.css && grep -q "tab-size: 4" node_modules/modern-normalize/modern-normalize.css
Growth
Growth trends · Last 30 days
7,417 Stars
Trend data is still being collected.
Built with
Categories and tags
Categories
GitHub data
GitHub dataView detailed GitHub data
GitHub Topics
- css
- css-library
- css-reset
- normalize
- normalize-css
- npm-package
- Stars
- 7,417
- Forks
- 398
- Watchers
- 77
- Open issues
- 28
- Owner type
- User
- Primary language
- TypeScript
- License
- MIT
- Repository last updated
- Sep 18, 2026
Related information
Write a related articleShare a guide or use case for this OSS in Markdown. Articles are published after administrator approval.
Explore next
- Linaria12,350 Stars
3 shared tag(s) · 1 shared category(s) · Same language
keep CSS-in-JS authoring while extracting styles to static CSS at build time
TypeScript - PurgeCSS8,050 Stars
3 shared tag(s) · 1 shared category(s) · Same language
scan content files and keep only selectors that are actually referenced
TypeScript - Bootstrap174,991 Stars
3 shared tag(s) · 1 shared category(s)
Build responsive interfaces from a CSS/Sass grid, utilities, components, and native JavaScript
MDX - Electron123,388 Stars
3 shared tag(s) · 1 shared category(s)
bundle Chromium and Node.js to build desktop applications for three major operating systems with HTML, CSS, and JavaScript
C++ - Animate.css82,849 Stars
3 shared tag(s) · 1 shared category(s)
apply reusable CSS animations to UI elements by adding classes
CSS - normalize.css53,505 Stars
3 shared tag(s) · 1 shared category(s)
reduce browser inconsistencies while preserving useful native defaults
CSS
Report incorrect information
Tell us if any listing information is incorrect or outdated.