A tool made for React.js to clean up CSS default styling

CSS Maid

A tool made for React.js to clean up CSS default styling! Give your CSS a nice reset and style with less hassle!

What is it?

CSS Maid is a tool for React.js that helps clean up & reset default css! It resets default padding, remove text-decoration on <a> tag, and many more! This tool was built using emotion & typescript!

Installation

# install with npm
npm i css-maid

# install with yarn
yarn add css-maid

Quick Start

  • Javascript
import Maid from 'css-maid'

const App = () => {
  return (
    <div>
      <a href='#'>Hello World!</a>
      <ul>
        <li>React</li>
        <li>CSS</li>
        <li>Maid</li>
      </ul>
      
      <Maid />
    </div>
  )
}
  • TypeScript
import React from 'react'
import Maid from 'css-maid'

const App: React.FC = () => {
  return (
    <div>
      <a href='#'>Hello World!</a>
      <ul>
        <li>React</li>
        <li>CSS</li>
        <li>Maid</li>
      </ul>
      
      <Maid />
    </div>
  )
}

Features

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-family: inherit;
}

body {
  line-height: 1;
}

a {
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

input, textarea {
  outline: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

GitHub

https://github.com/joshxfi/css-maid