Normalize.css with a kick for styled-components CSS-in-JS library

Usage no npm install needed!

<script type="module">
  import styledPreflight from '';


A CSS-normalizing library for styled-components, with a kick.

The original normalize.css is pulled from necolas/normalize.css, and parsed into a styled ready format. Some small additions are added, based on Tailwind’s preflight, to make the normalizing more useful for building apps.


yarn add styled-preflight

styled-components v4

// index.js
import React from 'react'
import { Normalize } from 'styled-normalize'

import { App } from './app'

const Root = () => (
    <Normalize />
    <App />

Alternatively, you can use the createGlobalStyle API:

// styles/index.js
import { normalize } from 'styled-normalize'
import { createGlobalStyle } from 'styled-components'

const GlobalStyle = createGlobalStyle`

  // Continue writing global styles
  body {
    background-color: black;

<GlobalStyle />

Prior art