# tester101

> Magical-looks is a lightweight react css-in-js library with a very familiar api also with full typewscript support

Latest version **0.0.8** (published 2022-07-03) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

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

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2022-07-03 |
| First published | 2022-07-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 91.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 61Magical |
| Maintainers | 61magical |
| Keywords | css-in-js, styled-components, magical, magic, styled-system, styled-css, css-in-react, react, react-dom |

## Links

- npm: https://www.npmjs.com/package/tester101
- Repository: https://github.com/61magical/magic-looks
- Homepage: https://coming-soon.web.app
- Issues: https://github.com/61magical/magic-looks/issues
- npm.io page: https://npm.io/package/tester101

## Dependencies (1)

- [@types/react](https://npm.io/package/@types/react.md) ^18.0.14

## 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

- 0.0.8 (latest) — 2022-07-03
- 0.0.7 — 2022-07-03
- 0.0.6 — 2022-07-03
- 0.0.5 — 2022-07-03
- 0.0.4 — 2022-07-03
- 0.0.3 — 2022-07-03
- 0.0.2 — 2022-07-03
- 0.0.1 — 2022-07-03

## README

<div
    style='text-align:center; cursor:pointer'
> <br/>
 <br/>
 <br/>
 <br/>
    <h1 style='
        color:#19F0F0; 
        font-family: sans-serif;
        font-size:3rem;
        text-align:center;
        font-weight:800'
    >
        Magic Looks 🤳
    </h1>
    <p style='
        color:#FFB647; '>
        Magical - Build With Magic
        </p>
 <br/>
 <br/>
</div>
 Magic Looks is a very lightweight, blazing-fast and flexible React CSS-in-JS library that comes with css auto-complete features. 

 <br/>
 <br/>
 <br/>

<div>
<h1>Features</h1>
<ul>
    <li>
     <a href='#install'>Installation</a>
    </li>
    <li>
     <a href='#example'>Example / Usage</a>
    </li>
    <li>
     <a href='#example/theming'>Theming</a>
    </li>
</ul>
</div>
 <br/>

<div id='install'>
<h1>Installation</h1>

```js
npm install magic-looks
```
or
```js
yarn add magic-looks
```
</div>
 <br/>

## Usage 🤳
<div id='example'>

```jsx
import { styled } from 'magic-looks'
const MagicButton = styled("button")`
  color: red;
  padding: 5px 15px;
  background-color: #7290ff;
  border-radius: ${(props) => props.size}px;
`;

export const App = () =>
{
    return (
        <MagicButton size={9999}>
            Merlin Button
        </MagicButton>
    )
}
```
</div>

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