Tiny CSS Reset Library For Modern Web Design

Category: CSS & CSS3 , Recommended | January 23, 2021
Views Total:4,091 views
Official Page:Go to website
Last Update:January 23, 2021


Tiny CSS Reset Library For Modern Web Design


Yet another lightweight CSS reset library created for the modern web & mobile design.


  • Box sizing rules.
  • emove default padding & margin.
  • Set core body defaults.
  • Remove list styles on ul, ol elements with a class attribute.
  • <a> elements that don’t have a class get default styles.
  • Make images easier to work with.
  • Natural flow and rhythm in articles by default.
  • Inherit fonts for inputs and buttons.
  • Remove all animations and transitions for people that prefer not to see them.

How to use it:

1. Install & download.

# Yarn
$ yarn add modern-css-reset
$ npm install modern-css-reset --save

2. Import the minified version of the modern CSS reset into the document.

<link rel="stylesheet" href="dist/reset.min.css" />

3. Or from a CDN.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-css-reset/dist/reset.min.css" />


v1.4.0 (01/23/2021)

  • Prevent smooth scrolling for people who prefer reduced motion

v1.3.0 (11/07/2020)

  • Remove over-reaching elements

v1.1.1 (07/23/2020)

  • set img styles also for picture tag

v1.1.0 (02/11/2020)

  • Add blurred images with no alt attributes

You Might Be Interested In:

Leave a Reply