A modern CSS foundation for projects whose entire visual layer is controlled by a design system.

@morev/css removes browser presentation to provide a neutral canvas while preserving semantics, appropriate display modes, and essential native behavior.

pnpm add @morev/css

The foundation is split into three stylesheets:

• core.css removes user-agent presentation and normalizes browser differences.
• base.css adds design-system-ready defaults for typography, layout, and interaction.
• reduced-motion.css optionally applies a strict reduced-motion policy.

The required core and base stylesheets are also available together as reset.css.
All selected stylesheets must come before the design-system styles.

The distributed stylesheets intentionally do not declare an @layer. Element selectors are wrapped in :where() so they add no specificity; this preserves the expected cascade in projects that do not use layers.

@layer reset, design-system;

@import '@morev/css/reset/core.css' layer(reset);
@import '@morev/css/reset/base.css' layer(reset);

/* Optional */
@import '@morev/css/reset/reduced-motion.css' layer(reset);

@import './design-system.css' layer(design-system);

Using cascade layers is optional. Import the selected stylesheets before the design-system styles directly:

@import '@morev/css/reset.css';

/* Optional */
@import '@morev/css/reset/reduced-motion.css';

@import './design-system.css';

The reset can be used without a package manager or build step. Load the complete minified stylesheet from a CDN before the design-system styles:

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

Omitting the version resolves the current latest release. For reproducible deployments, pin a version by adding it after the package name: @morev/[email protected].

Every stylesheet is available in both regular and minified form:

With jsDelivr, append these paths after https://cdn.jsdelivr.net/npm/@morev/css/dist/. UNPKG supports the package export paths directly:

<link rel="stylesheet" href="https://unpkg.com/@morev/css/reset.min.css">
<link rel="stylesheet" href="https://unpkg.com/@morev/css/reset/reduced-motion.min.css">

The package targets the moving Baseline Widely Available window and keeps compatibility rules until the corresponding native behavior has been available across the Baseline browser set for at least 30 months.

The playground compares native and reset rendering side by side and documents the behavior of every stylesheet.