# @animaapp/framework-helpers

> This package is part of a set of tools that enable you to create and manage a single source of truth for your design system.

Latest version **1.2.0** (published 2023-11-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install @animaapp/framework-helpers
pnpm add @animaapp/framework-helpers
yarn add @animaapp/framework-helpers
bun add @animaapp/framework-helpers
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2023-11-17 |
| First published | 2023-05-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 16.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | andrico-anima, aymeric_animaapp, moez_anima, federico_anima, orarbel, jorgeanima, animaapp-npm |

## Links

- npm: https://www.npmjs.com/package/@animaapp/framework-helpers
- npm.io page: https://npm.io/package/@animaapp/framework-helpers

## Dependencies (1)

- [zod](https://npm.io/package/zod.md) ^3.20.6

## Recent versions

- 1.2.0 (latest) — 2023-11-17
- 1.1.5 — 2023-07-13
- 1.1.4 — 2023-07-12
- 1.1.3 — 2023-07-06
- 1.1.2 — 2023-06-27
- 1.1.1 — 2023-06-27
- 1.1.0 — 2023-06-26
- 1.0.2 — 2023-05-11

## README

# @animaapp/framework-helpers [![npm](https://img.shields.io/npm/v/@animaapp/framework-helpers?logo=npm)](https://www.npmjs.com/package/@animaapp/framework-helpers)

This package is part of a set of tools that enable you to create and manage a single source of truth for your design system.

Learn more about the whole Design System workflow in our [Anima Design System Automation guide](https://dsa.animaapp.com/guide/manage-design-tokens/token-transformers.html).

---

## You can use to transform the design tokens JSON into a theme object

Install the package in your project, using your package manager of choice:

```sh [npm]
npm add -D @animaapp/framework-helpers
```

```sh [yarn]
yarn add -D @animaapp/framework-helpers
```

```sh [pnpm]
pnpm add -D @animaapp/framework-helpers
```

## How to use

Check our detailed guides for each framework:

### [TailwindCSS](/guide/manage-design-tokens/design-tokens-tailwind)

### [Ant Design v5](/guide/manage-design-tokens/design-tokens-ant-design)

> Other frameworks comming soon

### If you're looking to transform design tokens into css variables, check out our [Style Dictionary transformer](../style-dictionary)

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