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
• 📋 Copy Path Feature: Hover over any asset to reveal a copy button in the tooltip for copying the full file path
• � Double-Click to Open: Double-click any asset to open it directly in VS Code editor
• �🎨 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"

📋 Interaction Features

• Double-click on any asset to open it directly in VS Code editor
• Hover over any asset to see the filename tooltip with copy button
• Click the copy button to copy the complete file path to your clipboard

🎭 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

💝 Support

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

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

Copyright (c) 2025 Sabri Çakmakçı