Spine Animation Viewer

Loads the Spine runtime from unpkg.comDesign Tools#Spine#Animation

Play Spine 2D skeletal animations from .json or .skel exports, with animation, skin and speed controls.

Spine export files

Skeleton.json or .skel file
Atlas.atlas file
ImagesThe atlas page images

Preview

Add a skeleton, its atlas and the atlas images to preview the animation.

Animation

Skin

Speed

Background

How to use, limits & privacy

About Spine Animation Viewer

Play Spine 2D skeletal animations from their exported files without installing anything. Drop the skeleton (.json or binary .skel), its .atlas and the atlas images, and the viewer plays them with the official Spine Runtimes, made by Esoteric Software. Switch animations and skins, change the speed and background, and check exports from Spine 4.1, 4.2 or 4.3.

How to Use

Add the export files

Drop the skeleton file, the .atlas file and every image the atlas lists, or drop the whole export folder. The file list shows which images are still missing.

Click Show animation

The first time, the matching Spine runtime (about 600 KB) downloads from unpkg.com. The viewer then plays an idle, walk or run animation if the skeleton has one, otherwise the first.

Explore it

Choose another animation or skin, set the speed, pause, or change the background to check edges on dark, light or transparent backgrounds.

Privacy & Processing

Mode: hybrid
Files Leave Browser: Selected data may be sent to a service or peer
Max Input Size: API dependent
Account Required: No
Data Stored Locally: Nothing is saved; your files stay in memory only while this page is open.
Network Processing: Required for connected features

Your files are read in your browser and never uploaded. Clicking Show animation downloads the Spine runtime script from unpkg.com, which receives your IP address like any website.

Rules & Limitations

Exports from Spine 4.1, 4.2 and 4.3 load with their own runtime version. 4.0 files open with the 4.1 runtime; 3.x files are not supported and may look distorted.
Atlas images can be PNG, JPG or WebP, with any number of pages. Files up to 100 MB each.
Needs an internet connection the first time you render, and a browser with WebGL.
The Spine Runtimes are made by Esoteric Software and covered by the Spine Runtimes License; see esotericsoftware.com for its terms.

Top Suggestions

Checking an animator's export before it goes into a game build
Previewing skins and animations without opening the Spine editor
Showing a client an animation from the files alone
Finding a missing atlas page or a version mismatch in an export

Spine Animation Viewer FAQ

How do I open a Spine animation file?

Drop the .json or .skel skeleton together with its .atlas file and the atlas images, then click Show animation. All three kinds of file are needed: the skeleton holds the bones and animations, the atlas maps the images.

Why does my Spine export not display?

Most often an atlas image is missing or renamed, or the export is from a Spine version the runtime cannot read. The file list marks missing images, and a note appears when the file comes from Spine 3.x or 4.0. Re-export with Spine 4.1 or later if needed.

What is the difference between Spine JSON and .skel?

They hold the same skeleton. JSON is readable text and is more forgiving across versions, while binary .skel files are smaller and faster to load but must match the runtime version exactly.

Are my Spine files uploaded?

No. Your files are read in your browser and never uploaded. The only download is the Spine runtime script from unpkg.com when you click Show animation, which is checked against a fixed hash before it runs.

Who makes the Spine runtime used here?

Esoteric Software, the maker of the Spine editor. The runtime is published as @esotericsoftware/spine-player and is covered by the Spine Runtimes License.