# autopad

> An open-source ReactJS component library for creating beautiful and responsive user interfaces

Latest version **0.0.1** (published 2021-10-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install autopad
pnpm add autopad
yarn add autopad
bun add autopad
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2021-10-19 |
| First published | 2021-10-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 4.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | ranajahanzaib |
| Maintainers | ranajahanzaib |
| Keywords | react, components, ui, library |

## Links

- npm: https://www.npmjs.com/package/autopad
- Repository: https://github.com/ranajahanzaib/autopad
- Homepage: https://github.com/ranajahanzaib/autopad#readme
- Issues: https://github.com/ranajahanzaib/autopad/issues
- npm.io page: https://npm.io/package/autopad

## Dependencies (8)

- [react](https://npm.io/package/react.md) ^17.0.2
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.2
- [web-vitals](https://npm.io/package/web-vitals.md) ^1.1.2
- [react-scripts](https://npm.io/package/react-scripts.md) 4.0.3
- [@babel/polyfill](https://npm.io/package/@babel/polyfill.md) ^7.12.1
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^11.2.7
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.14.1
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^12.8.3

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 0.0.1 (latest) — 2021-10-19

## README

# AutoPad | React Styling Library

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](./LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](./CONTRIBUTING.md)

A JavaScript UI library to build user interfaces, fast.

# Get Started

### **Step 1** - Installation

```shell
npm i autopad

 - OR -

yarn add autopad
```

### **Step 2** - Use the new Component Library.

Once, you have installed the library, you can use it on your project by importing it in your `App.js` or any `.js` / `.jsx` files.

```diff
+ import { Box } from "autopad";
import "./App.css";

function App() {
  return (
    <div className="App">
+      <Box>A Component from AutoPad</Box>
    </div>
  );
}

export default App;
```

# Contributing

We'd love to accept your patches and contributions to this project. There are just a few guidelines you need to follow.

### [Code of Conduct](./CODE_OF_CONDUCT.md)

This project follows [Contributor Covenant](https://www.contributor-covenant.org/)
as it's Code of Conduct, and we expect all project participants to adhere to it.
Please read the [full guide](./CODE_OF_CONDUCT.md) so that you can understand
what actions will not be tolerated.

### [Contributing Guide](./CONTRIBUTING.md)

Read our [contributing guide](./CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to project.

### [LICENSE](./LICENSE)

This project is licensed under the [MIT License](./LICENSE), meaning that you're free to modify, distribute, and / or use it for any commercial or private project.

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