Home / JavaScript / Flutter

A simple VS Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them to your pubspec.yaml file.

Flutter Image Asset Generator A simple Visual Studio Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them
Information
Category: JavaScript / Flutter
Watchers: 1
Star: 4
Fork: 1
Last update: Nov 27, 2021
Resource links
https://marketplace.visualstudio.com/items?itemName=devmuaz.flutter-image-assets
https://github.com/devmuaz/flutter-image-assets

Flutter Image Asset Generator

A simple Visual Studio Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them to your pubspec.yaml file.

Usage

After installing the extension, you should see a new option has been added your context menu when you right click on any folder inside the Explorer section named Flutter Image Assets: Generate:

Flutter Image Assets Preview

Click on it and select the image you want to add.. after that, the selected image will be scaled down to 1x, 2x, and 3x in seprated directories.

Flutter Image Assets Preview

Known Issues

Currently, this extension only generates the scaled images.. but not adding them to the pubspec.yaml file so you have to add them yourself.. and it will be added soon as possible.

Medium articles by the author

You can always read the articles I write on my devmuaz medium account which I write pretty great Flutter content out there.

Contributions & Support

Issues and pull requests are always welcome 😄

If you found this extension useful for you and liked it, please star the repo ⭐️ it would mean a lot!

License

MIT

Enjoy!

0 Open More issues
Closed

does not work on Windows 10

after picking the folder noting happens

OS :: windows 10 image

bug enhancement good first issue 
opened Nov 24, 2021 by maxzod 1
Open

can't find it on linux

Hi,

I'm using vs code on Arch linux, and the extension is not listed. Dart and Flutter are running fine. Thanks.

opened Jan 12, 2022 by vendelin8 0

0.0.3(Nov 24, 2021)

Fixes

  • fix windows file system issue

0.0.2(Nov 24, 2021)

Fixes

  • bug fixes and README.md update

Contents

    jeroen-meijer A CLI for syncing Dart dependency versions between pubspec.yaml and pubspec.lock files.
    chyh1990 yaml-rust — The missing YAML 1.2 implementation for Rust.
    blasten The page flip effect for HTML5
    ulfox Simple Yaml DB
    CHH Put your assets into the pipe and smoke them.
    subchen Generate file using template from environment, arguments, json/yaml/toml config files
    andreupifarre A tiny 1kb JavaScript library for preloading assets on the browser via XHR2. It provides the ability to load assets of different file types and composite progress events.
    alash3al reformates a text file from a structure to another, i.e: convert from json to yaml, toml to json, ... etc
    ds5678 AssetRipper is a GUI Application to work with engine assets, asset bundles, and serialized files
    mcorbin ymlgen: a powerful tool to generate YAML files
    mistodon resource - Macros for statically including assets in release mode, but dynamically loading them in debug mode. This is primarily intended for games, allowing you to both avoid file IO in release builds and dynamically reload assets in debug mode
    pycbouh Access all your Godot assets from a single panel, filter them, and even drag them into the scene.
    AssetSync Synchronises Assets between Rails and S3
    jaysonsantos A Jinja extension (compatible with Flask and other frameworks) to compile and/or compress your assets.
    snapp-incubator A handy utility to generate configmap and values.yaml of your application for helmifying them
    BlindXenon A Unity3D editor extension for creating and editing text assets.
    chrisburnell Cache webmentions using eleventy-cache-assets and make them available to use in collections, templates, pages, etc.
    go-yaml YAML support for the Go language.
    nodeca JavaScript YAML parser and dumper. Very fast.
    kingbbode spring boot support for automatically loading custom yaml file.
    antfu Bundles your assets from remote urls with your app
    Share this repo

    Related Repos


    Flutter
    2.5k
    Create skeleton screens that automatically adapt to your app!
    dvtng React Loading Skeleton Make beautiful, animated loading skeletons that automatically adapt to your app. Open on CodeSandbox Learn about the changes in
     
    Flutter
    4
    Do's and Don'ts for Flutter development
    ibhavikmakwana Best practices in Flutter development Do's and Don'ts for Flutter development, heavily inspired from the android-best-practices Summary Add a linting
     
    Flutter
    9
    How to build Flutter apps by every squad.
    VB10 Ozel Tesekkurler Haluk (dokumanin tamamen onun tarafindan hazirlandi) 🌟 Flutter ile Proje Geliştirme: PM, UI, Backend, Flutter PM-Project Manager Tas
     
    Flutter
    4
    A simple VS Code extension which helps you generate your image assets in 1x, 2x, and 3x an...
    devmuaz Flutter Image Asset Generator A simple Visual Studio Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them
     
    Flutter
    51
    Library for creating highly customizable CLI-like progress bars in javascript
    NathanPB Simple highly customized CLI-like progress bar for Javascript If you get any questions or suggestions just open a discussion or an issue Installation
     
    Flutter
    3
    Saying hello to the Flutter framework
    rohanbari A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your
     
    Flutter
    3
    simple login design if you edit you can do the same to sign up
    J3nx Login Design If you want a simple design that you can use to log in, you can do the same to register. Star If you like the project, you can show it by
     
    Flutter
    10
    Dalal Street Flutter Client for 2022
    delta Dalal Street Client in Flutter Prerequisites Flutter >2.12 Download Link Check Prerequisites Run if you have installed all the required flutter depend
     
    Flutter
    34
    A highly customizable streaming flow builder.
    bytedance Introduction A highly customizable streaming flow builder. The registration ability can flexibly customize your nodes, different types of node display
     
    Flutter
    24
    This repository consist of many login page example, whch can be used for any web or hybrid...
    LoginRadius Awesome Login pages A Project which includes curated list of different login page web pages. Name Desktop Screenshot Mobile Screenshot Contributed by
     
    Flutter
    34
    Turkish Go Developers
    yakuter Türkiye Go Dili Geliştirici Listesi Bu doküman şu tweet ile başlamış olup Türkiye'deki Go Programlama Dili geliştiricilerini tek bir çatı altında topl
     
    Flutter
    99
    Dart Optimization Tips and Tricks
    vandadnp Going Deep with Dart Going Deep with the Dart language. Issue 1 - Prefer const over final Issue 2 - const in Dart Issue 3 - for loop in Dart Issue 4 -
     
    Flutter
    12
    Normalize CJK characters in text
    daangn normalize-CJK Normalize CJK characters in text Usage import { // Function to normalize CJK text in the given string normalize, // Function to n
     
    Flutter
    15
    Neumorphism design digital clock
    jasminmif Neomorphism design digital clock Demo Check it live: https://codesandbox.io/s/neo-digital-clock-y47d6 Libraries used react react-transition-group Avai
     
    Flutter
    34
    A portfolio for developers
    smakosh Portfolio for developers Gatsby version Gatsby-portfolio-portfolio Features TypeScript Eslint/Prettier configured Scores 100% on a11y / Performance /