Hassle-free 3D Minecraft skin viewer

Welcome to Skin3d

Skin3d is a lightweight JS library that renders any Minecraft skin as a smooth, interactive 3D model you can drop straight into a webpage.

Get started View on GitHub

What it can do

3D Rendering

Real-time 3D rendering of Minecraft skins using Three.js. Smooth, performant, and beautiful.

Cape Support

Full support for Minecraft capes with proper physics-based positioning and animations.

Elytra Support

Display and animate elytra wings alongside skins for complete character customization.

Dynamic Lighting

Advanced lighting system with dynamic shadows and realistic material rendering.

Smooth Animations

Built-in animation support for idle, walking, and custom animation states.

High Performance

Optimized for fast loading and smooth 60fps rendering even on lower-end devices.

Quick Start

Installation
bash
npm i skin3d
Basic Usage
javascript
import { Render } from 'skin3d';

// 1. Create viewer
const viewer = new Render({
  canvas: document.getElementById('canvas'),
  width: 600,
  height: 800
});

// 2. Load resources
viewer.loadSkin('https://example.com/skin.png');
viewer.loadCape('https://example.com/cape.png');

Full API Docs

Method reference, TypeScript types, and integration guides.

Read the Docs

See the full documentation on GitHub for advanced usage and API reference.

Live Demo

Test out Skin3D with our live demo. Load skins, capes, and elytras with smooth animations, dynamic lighting, and full customization controls.

Part of WinterLib by Cosmic-fi

Based on skinview3d, optimized for performance and usability.