Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Aseprite PreviewNew to Visual Studio Code? Get it now.
Aseprite Preview

Aseprite Preview

Grimaldi Technologies

|
4 installs
| (0) | Free
Preview Aseprite files (.aseprite, .ase) directly in VS Code with animation support
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Aseprite Preview

VS Code Extension Version VS Code Extension Downloads License: MIT

Visual Studio Code / Cursor extension for quick previews of Aseprite pixel art files (.aseprite and .ase). Only meant for a quick look at a sprite to save having to open it fully in Aseprite.

Aseprite Preview

Features

  • 🎨 View .aseprite and .ase files directly in VS Code
  • 🎬 Play animations with frame controls
  • 🔍 Zoom from 1x to 16x
  • 📊 Show sprite info (size, frames, layers)
  • 🎯 Toggle between smooth and pixel-perfect rendering
  • 🎭 Multiple background options
  • 📸 Export current frame as PNG

Installation

Install from the VS Code Marketplace or search for "Aseprite Preview" in the Extensions view.

Usage

Just click on an .aseprite or .ase file in VS Code. Use the toolbar to play animations, zoom, and adjust settings.

Development

npm install
npm run compile
# Press F5 to test

Built from scratch with zero external dependencies using the official Aseprite file format specification.

License

MIT

Contributing

Contributions are welcome! Whether it's bug fixes, feature additions, or documentation improvements, we appreciate your help in making this project better. For major changes or new features, please open an issue first to discuss what you would like to change.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft