# mf-tes2-js

> Simple, open-source design system infrastructure.

Latest version **4.0.2** (published 2023-03-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install mf-tes2-js
pnpm add mf-tes2-js
yarn add mf-tes2-js
bun add mf-tes2-js
```

Provides the command `mf-tes2-js`.

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 4.0.2 |
| Published | 2023-03-20 |
| First published | 2023-03-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=14.6.0 |
| Dependencies | 19 |
| Unpacked size | 337.8 MB |
| Known vulnerabilities | 0 (+16 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1496 |
| Author | Mirrorful Team |
| Maintainers | joelcmk |
| Keywords | mirrorful, design system, npx, nodejs, colors, theme, design |

## Links

- npm: https://www.npmjs.com/package/mf-tes2-js
- Repository: https://github.com/Mirrorful/mirrorful
- Homepage: https://github.com/Mirrorful/mirrorful#readme
- Issues: https://github.com/Mirrorful/mirrorful/issues
- npm.io page: https://npm.io/package/mf-tes2-js

## Dependencies (19)

- [fs](https://npm.io/package/fs.md) ^0.0.1-security
- [conf](https://npm.io/package/conf.md) ^10.0.2
- [next](https://npm.io/package/next.md) ^12.0.0
- [open](https://npm.io/package/open.md) ^8.4.2
- [path](https://npm.io/package/path.md) ^0.12.7
- [chalk](https://npm.io/package/chalk.md) ^2.4.2
- [react](https://npm.io/package/react.md) 18.2.0
- [rimraf](https://npm.io/package/rimraf.md) ^4.1.2
- [commander](https://npm.io/package/commander.md) ^2.20.0
- [react-dom](https://npm.io/package/react-dom.md) 18.2.0
- [posthog-js](https://npm.io/package/posthog-js.md) ^1.50.0
- [cross-spawn](https://npm.io/package/cross-spawn.md) ^7.0.3
- [update-check](https://npm.io/package/update-check.md) ^1.5.4
- [framer-motion](https://npm.io/package/framer-motion.md) ^9.0.4
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.10.6
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.10.6
- [@mirrorful/core](https://npm.io/package/@mirrorful/core.md) 1.0.2
- [@chakra-ui/icons](https://npm.io/package/@chakra-ui/icons.md) ^2.0.17
- [@chakra-ui/react](https://npm.io/package/@chakra-ui/react.md) ^2.5.1

## Alternatives

- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads
- [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads
- [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads
- [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads
- [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads

## Recent versions

- 4.0.2 (latest) — 2023-03-20
- 4.0.1 — 2023-03-20

## README

# The Catalog by Magic Patterns

<p align="center">
  <p align="center">Discover the perfect component from a variety of design systems from the <a href="https://www.magicpatterns.com/">Magic Patterns</a> <a href="https://www.magicpatterns.com/catalog">Catalog</a>.
</p>
</p>

<h4 align="center">
  <a href="https://www.magicpatterns.com/">Magic Patterns</a> |
  <a href="https://join.slack.com/t/magic-patterns/shared_invite/zt-1ps2xtxh0-2NaixFfFzSKZbr5gw_AHfA">Community Slack</a>
</h4>

<h4 align="center">
  
  <a href="https://github.com/">
    <img src="https://img.shields.io/badge/PRs-Welcome-brightgreen" alt="PRs welcome!" />
  </a>
  <a href="https://join.slack.com/t/mirrorful/shared_invite/zt-1ps2xtxh0-2NaixFfFzSKZbr5gw_AHfA">
    <img src="https://img.shields.io/badge/chat-on%20Slack-blueviolet" alt="Slack community channel" />
  </a>
  <a href="https://twitter.com/magicpatterns">
    <img src="https://img.shields.io/twitter/follow/magicpatterns?label=Follow" alt="Magic Patterns Twitter" />
  </a>
</h4>

<h4 align="center">
<a href="https://www.producthunt.com/posts/patterns-5?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-patterns&#0045;5" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=412621&theme=light&period=daily" alt="Patterns - Find&#0032;the&#0032;perfect&#0032;component | Product Hunt" style="width: 200px; height: 50px;" width="150" height="27" /></a>
</h4>

<img src="./public/collection.png" width="100%" alt="Catalog" />

## Generating UI with Magic Patterns

Magic Patterns helps engineers ship faster by generating frontend code from your React component library.

If you are interested in learning more about generating UI from your design system, feel free to [book a meeting with us](https://cal.com/adanilowicz/generating-custom-ui-with-patterns):

<a href="https://cal.com/adanilowicz/generating-custom-ui-with-patterns"><img alt="Schedule a meeting" src="https://cal.com/book-with-cal-dark.svg" /></a>

## Join our community of designers and engineers!

- [Slack](https://join.slack.com/t/magic-patterns/shared_invite/zt-1ps2xtxh0-2NaixFfFzSKZbr5gw_AHfA) — join our growing community!
- [YouTube](https://www.youtube.com/channel/UCcwtacSuKB8itMDMIfkkuHQ) — watch content about coding and design systems.
- [X](https://twitter.com/magicpatterns) - follow our latest updates on X.

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