CSS Reset Gen

v1.0.0

Generate CSS reset and normalize stylesheets with configurable options

Generates a custom CSS reset or normalize stylesheet from curated sections — box-sizing, margins, typography, lists, links, media, forms, tables, and accessibility rules.

How to use

→Pick a preset (Minimal, Modern, or Full) to start, then toggle individual sections on or off.
→The Accessibility section adds a prefers-reduced-motion query and :focus-visible outline — keep it enabled for public sites.
→Place the generated reset at the very top of your CSS bundle so it runs before component styles.
→All processing runs in-browser; nothing is sent to a server.

Presets

Generated CSS Reset

/* Box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Margin reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
}

/* Typography */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* List styles */
ol, ul, menu {
  list-style: none;
}

/* Link styles */
a {
  color: inherit;
  text-decoration: inherit;
}

/* Media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}