Welcome to explore_blur_effect! This repo is packed with demos to delve into the blur effect, enhancing your understanding and application in various contexts. What’s Inside 1. Common Blur Effects A collection of common blur effects, serving as a practical guide for integration into your projects. 2. Interactive Blur Explainer A hands-on app to visually grasp ..
Category : Img
Flutter Gallery App A showcase gallery app built using Flutter, demonstrating various features and UI components. 🚀Features List the key features of your app here. For example: Feature 1: Demonstrates the use of stateful widgets. Feature 2: This app uses a repository pattern for implementing a rest API. Feature 3: Illustrates handling user inputs with Flutter widgets. 📱Installation ..
Aves Aves is a gallery and metadata explorer app. It is built for Android, with Flutter. Compare versions Features Aves can handle all sorts of images and videos, including your typical JPEGs and MP4s, but also more exotic things like multi-page TIFFs, SVGs, old AVIs and more! It scans your media collection to identify motion photos, panoramas (aka photo ..
A flutter package for iOS and Android for applying filter to an image. A set of preset filters are also available. You can create your own filters too. Installation First, add photofilters and image as a dependency in your pubspec.yaml file. iOS No configuration required – the plugin should work out of the box. Android No configuration required – the ..
flutter_image_saver Simple and effective cross platform image saver for flutter, supported web and desktop. Usage final savedPath = await saveImage(data, ‘image.png’); Android android/app/src/main/AndroidManifest.xml: Add android:requestLegacyExternalStorage=”true” to <application>. Download flutter image saver package source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
GifView Load GIF images and can set framerate Features With GifView you can load GIF images of easy way and can configure frameRate. Load from Assets; Load from Network; Load from Memory; Set frame rate; Listen when start (onStart), change frame (onChange) and finish (onFinish) animation. Set progress while loading GIF Getting started Add gif_view as a dependency in your pubspec.yaml file. Usage GIF from ..
Multi Image Tracker A flutter package which makes it easy to track a series of images. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: multi_image_tracker: <latest version> Usage Import this class import ‘package:multi_image_tracker/multi_image_tracker.dart’; multi image tracker MultiImageTracker( images: [Image.asset(‘assets/day1.jpg’), Image.asset(‘assets/day2.jpg’), Image.asset(‘assets/day3.jpg’)], width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height, clipFactor: 0.6, ), Download Multi Image Tracker package ..
flutter + webrtc => python + aiortc + opencv This demo project should help you to get setup sending a video feed from a flutter app to a python backend to allow you to then perform some image processing on the video frames using OpenCV. Running the server First install the required packages: $ cd ..
Short Intro: Imgix is a CDN service with support for realtime image processing and optimization. This package helps developers generate imgix image url. imgix_core_dart Imgix package for Dart. Imgix is a CDN service with support for realtime image processing and optimization. See also https://docs.imgix.com https://github.com/imgix/imgix-blueprint Install dependencies: imgix_core_dart: 1.0.0 Usage import ‘package:imgix_core_dart/imgix_core_dart.dart’; void main() { ..
Cached network image A flutter library to show images from the internet and keep them in the cache directory. How to use The CachedNetworkImage can be used directly or through the ImageProvider. Both the CachedNetworkImage as CachedNetworkImageProvider have minimal support for web. It currently doesn’t include caching. With a placeholder: CachedNetworkImage( imageUrl: “http://via.placeholder.com/350×150”, placeholder: (context, ..
Flutter Bitmap A minimalist Flutter package to perform fast bitmaps operations. The focus here is to provide a cool bitmap manipulation interface. The package standard format is RGBA32. Bitmap uses the Dart FFI to perform operations such as contrast, brightness, saturation, and exposure. For now, things like format encoding, EXIF and multi-frame images are not the concern of ..
Swipe Image Gallery A scrollable, dismissable by swiping, zoomable, rotatable image gallery on which you can add a dynamic overlay. While it is intended for an image gallery different types of widgets can also be used. Installation Add swipe_image_gallery as a dependency in your pubspec.yaml file. Usage With a List of Image Widgets final assets = const [ ..
crop_your_image A flutter plugin which provides Crop Widget for cropping images. crop_your_image provides only minimum UI for deciding cropping area inside images. Other UI parts, such as “Crop” button or “Change Aspect Ratio” button, need to be prepared by each app developers. This policy helps app developers to build “Cropping page” with the design of their own ..
FlutSplash Minimal Unsplash Android App to easily search and download images I made while learning and exploring Flutter. Screenshots Run Locally Clone the project git clone https://github.com/Yash-Garg/FlutSplash Set the unsplash client ID here – keys.dart Go to the project directory cd FlutSplash Run the app flutter run Also, Thanks to this website for featuring my app! Download Unsplash ..
Privacy Blur A cross-platform application to obfuscate sensitive data from images, targeting iOS and Android devices. Mainly written in dart with the Flutter SDK. Table of contents Privacy Blur Table of contents Project description Code style Internationalization Features Setup windows macOS Building iOS Android Structure Architecture Navigation Dependency Injection BloC Views Widgets Stateful Widgets Adaptive Widgets Internationalization Theme Assets ..
Yet another booru imageboards viewer for Android Download Preview Click Here Building You can build this app just like any other flutter app, for example: $ flutter build apk –target-platform=android-arm64 This projects uses several code generator such as freezed and json_serializable, so if you’re editing some areas that needs a code generator (such as models), make sure ..
advance_image_picker Flutter plugin for selecting multiple images from the Android and iOS image library, taking new pictures with the camera, and edit them before using such as rotation, cropping, adding sticker/filters. This is an advanced version of image_picker plugin. Key Features Display live camera preview in a widget. Adjust exposure Zoom camera preview Capture photo without saving into device library Capture with ..
crop_your_image A flutter plugin which provides Crop Widget for cropping images. crop_your_image provides only minimum UI for deciding cropping area inside images. Other UI parts, such as “Crop” button or “Change Aspect Ratio” button, need to be prepared by each app developers. This policy helps app developers to build “Cropping page” with the design of their own ..
Photography Explorer Flutter App App concept created with Flutter using Dart programming language, inspired by Multi Search By Categories. About This app was created inspired by the GIF in the end of this page. The code was built to better create a real app, identical to the inspiration and with all logic behind it. This app is using ..
image_painter A flutter implementation of painting over image. Overview Features Seven available paint modes. Line, Box/Rectangle, Circle, Freestyle/Signature, Dotted Line, Arrow and Text. Four constructors for adding image from Network Url, Asset Image, Image from file and from memory. Controls from constructors like strokeWidth and Colors. Export image as memory bytes which can be converted ..
Image Cropper A Flutter plugin for Android and iOS supports cropping images. This plugin is based on two different native libraries so it comes with different UI between these platforms. Introduction Image Cropper doesn’t manipulate images in Dart codes directly, instead, the plugin uses Platform Channel to expose Dart APIs that Flutter application can use to communicate with ..
Short Intro: Compact representation of a placeholder for an image. Encode a blurry image under 30 caracters for instant display like used by Medium. Flutter BlurHash Compact representation of a placeholder for an image. Generation You can use https://blurha.sh/ for testing or use any official api on your server side. Flutter Code Constrain your widget render area ..
OctoImage An image library for showing placeholders, error widgets and transform your image. Recommended to use with CachedNetworkImage version 2.2.0 or newer. Getting Started The OctoImage widget needs an ImageProvider to show the image. You can either supply the widget with a placeholder or progress indicator, an ImageBuilder and/or an error widget. However, what OctoImage makes is the use of OctoSets. OctoSets are predefined ..
filter A flutter plugin project to apply images filters to file image natively and efficiently. WARNING!! Implemented in Android PR are welcomed for Ios implementation Screenshot Getting Started This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS. For help getting started with ..
NASA Mira View the surface of the Mars with images made by NASA’s rovers. An app to search for images made by NASA’s mars rovers. It’s also provide specifications of the rovers. State Download Latest release: 0.1.0 Beta state New features Added Sojourner rover Added Perseverance rover Latest Images Beta program To aply: Send an email ..
image Overview A Dart library providing the ability to load, save and manipulate images in a variety of different file formats. The library has no reliance on dart:io, so it can be used for both server and web applications. Supported Image Formats: Read/Write: PNG / Animated APNG JPEG Targa GIF / Animated GIF PVR(PVRTC) Read Only: ..
Floating Ribbon A new Flutter package for creating floating ribbons on images. Dependency How To Use In order to achieve the shimmering effect, you need to add a package in pubspec.yaml. The code to reproduce it, import ‘package:skeleton_text/skeleton_text.dart’; import ‘package:floating_ribbon/floating_ribbon.dart’; FloatingRibbon( height: 85, width: 85, childHeight: 75, childWidth: 75, child: Padding( padding: const EdgeInsets.all(8.0), child: ..
Flutter Firebase Picture Uploader This library offers a Picture Upload widget which can be used to upload one or multiple images to your Firebase Storage. With this library the following is possible: Upload one or multiple images via PictureUploadWidget Delete images via PictureUploadWidget Multiple customization options (font size, text, color, etc.) Custom upload or download methods possible ..
FlutterIconPicker This package provides an IconPicker with supported Icons which can be picked through an AlertDialog. All Icons are mapped with its names in the IconData. This is necessary to make it possible to search through the icons. Fulltextsearch including a note if no results where found. Supported IconPacks IconPack Supported Material Material Outline Cupertino ..
ImagePickerWeb This Web-Plugin allows Flutter Web to pick images (as File, Widget or Uint8List) and videos (as File or Uint8List). Many thanks goes to AlvaroVasconcelos for the implementation of picking images in his plugin: flutter_web_image_picker Disclaimer for Videos Till now [Mar. 2020] it’s not possible (due to security reasons) to play a local video file (see also video_player_web). ..
Flutter Gallery Flutter Gallery is a resource to help developers evaluate and use Flutter. It is a collection of Material Design & Cupertino widgets, behaviors, and vignettes implemented with Flutter. We often get asked how one can see Flutter in action, and this gallery demonstrates what Flutter provides and how it behaves in the wild. ..
Streams – BLoC – Reactive Programming Sample application to illustrate the article available on didierboelens.com. This article is an introduction to the notions of Streams, BLoC Pattern and Reactive Programming in Flutter. Download Source code on GitHub https://github.com/boeledi/Streams-Block-Reactive-Programming-in-Flutter FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Info: package library for extended_image, extended_text and extended_text_field,provide common base class. extended_image_library package library for extended_image extended_image A powerful official extension library of image, which support placeholder(loading)/ failed state, cache network, zoom pan image, photo view, slide out page, editor(crop,rotate,flip), paint custom etc. Download Flutter Extend Image Library Source Code on GitHub https://github.com/fluttercandies/extended_image_library FlutterappworldProvides the ..
Info: Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget. Photo View is largely used to show interactive images and other stuff such as SVG. Flutter Photo View A simple zoomable image/content widget for Flutter. PhotoView enables images to become able to zoom and pan ..
Info: Flutter plugin that allows you to display multi-image picker on iOS and Android. ???????????? Flutter plugin that allows you to display multi-image picker on iOS and Android. Key Features • Documentation • FAQ • Credits • Related • License Key Features Pick multiple images Native performance Photos sorted by albums Take a picture option in the grid view Restrict the maximum count of images the user ..
image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a GIF file you would like to use with this package, I recommend EZGIF to convert your GIF file to an image sequence. It is highly recommended to read the ..
peek_and_pop Peek & Pop implementation for Flutter based on the iOS functionality of the same name. Finally, the v1.0.0 release! More fluent, more optimized and more beautiful than ever. Very customizable and very easy to use. It is highly recommended to read the documentation and run the example project on a real device to fully ..
cupertino_stackview A very easy-to-use navigation tool/widget for having iOS 13 style stacks. It is highly recommended to read the documentation and run the example project on a real device to fully understand and inspect the full range of capabilities. Media | Description | Installation | How-to-Use Media Watch on Youtube: Description The “StackView” system, as ..
WallE Wallpaper App built using Flutter & Unsplash API Story When I created iWallE (which is a CLI wallpaper app), I always wanted to create a wallpaper app for Mobile. I attempted to create it in Native Android but it was not an easy process, and I gave up. After 2 years, I’ve created WallE ..
Image utilities for Flutter NetworkImageWithRetry Use NetworkImageWithRetry instead of Image.network to load images from the network with a retry mechanism. Example: var avatar = new Image( image: new NetworkImageWithRetry(‘http://example.com/avatars/123.jpg’), ); The retry mechanism may be customized by supplying a custom FetchStrategy function. FetchStrategyBuilder is a utility class that helps building fetch strategy functions. Features and ..
Flutter App Templates
