Assets
A CLI tool that generates icons and splash screens for Capacitor-based iOS, Android, and PWA projects from source images.
What is Assets?
Capacitor Assets is a Node.js CLI tool that automatically generates icons and splash screens for apps built with the Capacitor framework. It solves the problem of manually creating and resizing image assets to meet the various size and format requirements of iOS, Android, and Progressive Web Apps. The tool processes source images (PNG, JPEG, or SVG) and outputs correctly cropped and scaled resources for each target platform.
Mobile and web developers using the Capacitor framework to build cross-platform applications who need to generate app icons and splash screens efficiently. It is particularly useful for teams wanting to automate their asset pipeline and ensure consistency.
Developers choose Capacitor Assets because it eliminates the manual, error-prone process of asset generation, supports both a simple one-logo workflow and advanced custom configurations, and seamlessly integrates with the Capacitor ecosystem. Its dedicated focus on Capacitor projects makes it more streamlined than generic image processing tools.
Overview
Local Capacitor icon/splash screen resource generation tool
Use Cases
Best For
- Generating a full set of iOS app icons from a single source logo
- Creating Android splash screens with proper dimensions and dark mode variants
- Automating PWA icon generation and manifest file updates
- Maintaining consistent branding across iOS, Android, and web versions of a Capacitor app
- Streamlining the asset pipeline for Capacitor-based development teams
- Converting Cordova projects to Capacitor by regenerating assets
Not Ideal For
- Projects still using Cordova without migration plans to Capacitor
- Teams requiring pixel-perfect manual control over every asset variant in a visual editor
- Applications targeting platforms beyond iOS, Android, and Progressive Web Apps
Pros & Cons
Pros
Generates icons and splash screens for iOS, Android, and PWA from one command, as highlighted in the 'Multi-Platform Support' feature, saving time on manual resizing.
Allows creating all assets from just a logo.png file with optional dark mode logos, using background color flags for customization, making it beginner-friendly for quick setups.
Offers Custom Mode with separate source files for icon foregrounds, backgrounds, and splash screens, providing full control over asset design for complex needs.
Creates or updates web app manifest files (manifest.json or manifest.webmanifest) with generated icon references, integrating seamlessly into PWA development without manual edits.
Cons
Designed exclusively for Capacitor projects, with Cordova support removed in version 1.x, forcing migration and limiting use for other frameworks.
Easy Mode uses fixed scaling (e.g., default logoSplashScale of 0.2) and single logo files, which may not accommodate intricate branding or layout requirements without custom mode.
Requires multiple flags for customization (e.g., background colors, platform-specific paths), which can be error-prone and less accessible for users preferring graphical interfaces.
Frequently Asked Questions
Related Projects
Plugin generatorCreate a new Capacitor plugin ⚡️
Tailwind CapacitorTailwind plugin for capacitor apps
lazycap⚡ A terminal UI for Capacitor development - device management, builds, and live reload in one beautiful interface.
DocgenDocs Readme Markdown and JSON Generator for Capacitor Plugins.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.