# styled-reset

> Eric Meyer's Reset CSS for styled-components

Latest version **5.0.0** (published 2025-08-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install styled-reset
pnpm add styled-reset
yarn add styled-reset
bun add styled-reset
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 5.0.0 |
| Published | 2025-08-30 |
| First published | 2017-07-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=18.0.0 |
| Dependencies | 0 |
| Unpacked size | 10.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 388 |
| Author | Autumn Z |
| Maintainers | zautumnz |
| Keywords | css, reset, reset.css, styled-components |

## Links

- npm: https://www.npmjs.com/package/styled-reset
- Repository: https://github.com/zautumnz/styled-reset
- Homepage: https://github.com/zautumnz/styled-reset#readme
- Issues: https://github.com/zautumnz/styled-reset/issues
- npm.io page: https://npm.io/package/styled-reset

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 5.0.0 (latest) — 2025-08-30
- 4.5.2 — 2024-01-02
- 4.5.1 — 2023-07-01
- 4.5.0 — 2023-07-01
- 4.4.7 — 2023-05-10
- 4.4.6 — 2023-04-08
- 4.4.5 — 2023-01-09
- 4.4.4 — 2022-12-06
- 4.4.3 — 2022-12-04
- 4.4.2 — 2022-07-02
- 4.4.1 — 2022-05-20
- 4.4.0 — 2022-05-16
- 4.3.4 — 2020-12-26
- 4.3.3 — 2020-12-12
- 4.3.2 — 2020-12-04
- … 83 more at https://npm.io/package/styled-reset/versions

## README

# styled-reset

Eric Meyer's [Reset CSS](https://meyerweb.com/eric/tools/css/reset/) for [styled-components](https://github.com/styled-components/styled-components)

Also see [styled-normalize](https://www.npmjs.com/package/styled-normalize) from [Sergey Sova](https://github.com/sergeysova).

--------

## Installation:

`npm i styled-reset`

## Usage:

### Styled Components 4+

```jsx
import * as React from 'react'
import { Reset } from 'styled-reset'

const App = () => (
  <React.Fragment>
    <Reset />
    <div>Hi, I'm an app!</div>
  </React.Fragment>
)
```

You can also use the default export or named export (lowercase) in your own
global style:

```jsx
import * as React from 'react'
import { createGlobalStyle } from 'styled-components'
import reset from 'styled-reset'

const GlobalStyle = createGlobalStyle`
  ${reset}
  /* other styles */
`

const App = () => (
  <React.Fragment>
    <GlobalStyle />
    <div>Hi, I'm an app!</div>
  </React.Fragment>
)

export default App
```

### Styled Components 3.x

If you're using Styled Components version 3.x or 2.x, you'll need to use the
`injectGlobal` api instead (and install `styled-reset@1.7.1`):

```javascript
import { injectGlobal } from 'styled-components'
import reset from 'styled-reset'
injectGlobal`
  ${reset}
`
```

`reset` is also available as a named export:

```javascript
import { reset } from 'styled-reset'
```

## Credits

All credit goes to Eric Meyer for reset.css. reset.css is public domain (unlicensed).

[LICENSE](./LICENSE.md)

---
_Source: https://npm.io/package/styled-reset · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._