# trans-render

> Instantiate an HTML Template

Latest version **0.0.961** (published 2025-12-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install trans-render
pnpm add trans-render
yarn add trans-render
bun add trans-render
```

## Health

**Score 60/100 (C)** — status: stable.

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

Warnings: low downloads; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.0.961 |
| Published | 2025-12-20 |
| First published | 2019-01-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 730.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | anderson.bruce.b@gmail.com |
| Maintainers | bahrus |
| Keywords | transform, template, render |

## Links

- npm: https://www.npmjs.com/package/trans-render
- Repository: https://github.com/bahrus/trans-render
- Homepage: https://github.com/bahrus/trans-render#readme
- Issues: https://github.com/bahrus/trans-render/issues
- npm.io page: https://npm.io/package/trans-render

## Dependencies (1)

- [mount-observer](https://npm.io/package/mount-observer.md) 0.0.112

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.961 (latest) — 2025-12-20
- 0.0.960 — 2025-09-30
- 0.0.959 — 2025-09-23
- 0.0.958 — 2025-09-20
- 0.0.957 — 2025-09-19
- 0.0.956 — 2025-09-13
- 0.0.955 — 2025-09-13
- 0.0.954 — 2025-09-10
- 0.0.953 — 2025-09-10
- 0.0.952 — 2025-09-10
- 0.0.951 — 2025-09-10
- 0.0.950 — 2025-09-09
- 0.0.949 — 2025-09-08
- 0.0.948 — 2025-09-07
- 0.0.947 — 2025-09-07
- … 939 more at https://npm.io/package/trans-render/versions

## README

# trans-render

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/trans-render)
[![NPM version](https://badge.fury.io/js/trans-render.png)](http://badge.fury.io/js/trans-render)
[![Playwright Tests](https://github.com/bahrus/trans-render/actions/workflows/CI.yml/badge.svg?branch=baseline)](https://github.com/bahrus/trans-render/actions/workflows/CI.yml)
[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/trans-render?style=for-the-badge)](https://bundlephobia.com/result?p=trans-render)
<img src="http://img.badgesize.io/https://cdn.jsdelivr.net/npm/trans-render?compression=gzip">


## Documentation for trans-render has left the building

This package has grown and grown, to the point that it no longer makes sense to document it via a single read me file.

As such, the documentation has moved to the [associated wiki](https://github.com/bahrus/trans-render/wiki/).  Happy reading!

## Viewing Your Element Locally

Any web server that can serve static files will do, but...

1.  Install git.
2.  Fork/clone this repo.
3.  Install node.js.
4.  Install python v3 or later.
5.  Open command window to folder where you cloned this repo.
6.  > npm install
7.  > npm run serve
8.  Open http://localhost:8000/demo/ in a modern browser.

## Running Tests

```
> npm run test
```

## Using from ESM Module:

```JavaScript
import {Transform} frm 'trans-render/Transform.js';
```

## Using from CDN:

```html
<script type=module crossorigin=anonymous>
    import {Transform} from 'https://esm.run/trans-render';
</script>
```

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