tee-skin-renderer - Teeworlds / DDNet skin renderer for you HTML pages
<head>
<!-- ... -->
<link rel="preload" as="image" href="https://skins.ddnet.org/skin/community/default.png">
<link rel="stylesheet" href="https://unpkg.com/tee-skin-renderer/dist/tee-skin-renderer.css">
<!-- ... -->
</head>
<body>
<!-- ... -->
<div
class="tee"
data-skin="https://skins.scrumplex.net/skin/pinky.png"
>
</div>
<!-- ... -->
<div
class="tee"
data-skin="https://skins.scrumplex.net/skin/pinky.png"
data-color-body="5498880"
data-color-feet="3079936"
>
</div>
<!-- ... -->
<div
class="tee"
data-skin="https://skins.scrumplex.net/skin/pinky.png"
data-color-body="5498880"
data-color-feet="3079936"
data-use-custom-color="false"
>
</div>
<!-- ... -->
<script src="https://unpkg.com/tee-skin-renderer/dist/tee-skin-renderer.umd.js"></script>
</body>npm install tee-skin-renderer --saveimport { createAsync } from 'tee-skin-renderer';
import 'tee-skin-renderer/css';
createAsync({ skinUrl: 'https://skins.scrumplex.net/skin/pinky.png' }).then((container) => {
document.body.appendChild(container);
});import { init } from 'tee-skin-renderer';
import 'tee-skin-renderer/css';
init();tee-skin-renderer is licensed under a CC0-1.0 License.