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

Assets Preview

Sabri Çakmakçı

|
9 installs
| (1) | Free
A Visual Studio Code extension that displays all icons and images from the assets folder in a single preview area with Lottie animation support.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Assets Preview

A Visual Studio Code extension that displays all icons and images from your assets folder in a beautiful preview gallery with Lottie animation support.

✨ Features

  • 🖼️ Visual Gallery: Preview all images (PNG, JPG, JPEG, GIF, SVG) in a clean, organized layout
  • 🎬 Lottie Animations: Automatic support for JSON animation files
  • 📁 Folder Organization: Images grouped by folder structure
  • 📏 Image Dimensions: Shows resolution for each image
  • 💡 Smart Tooltips: Hover to see filenames instantly
  • 📊 Quick Access: One-click access via status bar button
  • 🎨 Modern Interface: Clean, responsive design

🚀 How to Use

  1. Open any workspace that contains an assets folder
  2. Click the "Assets" button in the status bar (bottom right)
  3. Your image gallery will open in a new panel

Alternative: Use Command Palette (Ctrl+Shift+P) → "Show Assets Preview"

🎭 Animation Support

Drop Lottie-compatible JSON files into your assets folder and they'll automatically animate! Files containing animation or lottie in their names are detected and rendered as interactive animations.

📋 Requirements

  • VS Code 1.60.0 or higher
  • An assets folder in your workspace root

🆕 Release Notes

1.0.1

  • Improved README documentation
  • Enhanced user experience

1.0.0

  • Initial release with image and Lottie animation preview

💝 Support

Found this extension helpful? Give it a ⭐ rating in the marketplace!

📄 License

MIT

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