Info: Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Loading GIFs High quality Android and iOS loading spinners. View Demo Loading GIFs is a collection of high fidelity loading animations in GIF format. Included are Android “Material Design” and iOS “Cupertino” ..
Category : Animation
Screen Click on screenshot to watch Youtube video Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view our online documentation, which offers ..
flutter_navigations_bar A new Flutter package for navigations bar. Getting Started Bouncing Circle navigation bar properties : final Function(int) onchanged : required value final Color iconColor : Default => Colors.white; final List icons : required value; final Color barColor : Default => Colors.amber; final Color circleColor : Default => Colors.cyan; final BoxShadow boxShadow; final Gradient gradient; ..
Pokemon App Pokemon App with animations, beautiful UI and network call. YouTube Tutorials Hindi Build a beautiful Pokemon App English Build a beautiful Pokemon App Screenshots Getting Started For help getting started with Flutter, view our online documentation. Download Pokemon App Source Code on GitHub https://github.com/iampawan/PokemonApp FlutterappworldProvides the list of the opensource Flutter apps collection with ..
flutter_circle_color_picker A beautiful circle color picker for Flutter. Light theme Dark Theme Usage … body: Center( child: CircleColorPicker( initialColor: Colors.blue, onChanged: (color) => print(color), size: const Size(240, 240), strokeWidth: 4, thumbSize: 36, ), ), … API /// Called during a drag when the user is selecting a color. /// /// This callback called with latest ..
ImageEditorPro Image Editor Plugin with simple, easy support for image editing using Paints, Text, Filters, Emoji and Sticker like stories. To start with this, we need to simply add the dependencies in the gradle file of our app module like this Installation First, add image_editor_pro: as a dependency in your pubspec.yaml file. Import import ‘package:image_editor_pro/image_editor_pro.dart’; iOS Add the ..
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..
guillotine A simple animated menu that illustrates the article published on didierboelens.com Step by step explanation A full explanation of how to build such a game may be found on my blog. Download guillotine Source Code on GitHub https://github.com/boeledi/guillotine FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
animated_login 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 first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance ..
carousel_slider A carousel slider widget, support infinite scroll and custom child widget, with autoplay feature. Installation Add carousel_slider: ^1.4.1 in your pubspec.yaml dependencies. And import it: import ‘package:carousel_slider/carousel_slider.dart’; How to use Simply create a CarouselSlider widget, and pass the required params: CarouselSlider( height: 400.0, items: [1,2,3,4,5].map((i) { return Builder( builder: (BuildContext context) { return Container( width: MediaQuery.of(context).size.width, margin: EdgeInsets.symmetric(horizontal: 5.0), decoration: ..
Pokemon App Pokemon App with animations, beautiful UI and network call. YouTube Tutorials Hindi Build a beautiful Pokemon App English Build a beautiful Pokemon App Screenshots Getting Started For help getting started with Flutter, view our online documentation. Download Flutter Pokemon App Source Code on GitHub https://github.com/DevPianist/PokemonApp FlutterappworldProvides the list of the opensource Flutter apps ..
FAB Circular Menu A Flutter package to create a nice circular menu using a Floating Action Button. Inspired by Mayur Kshirsagar‘s great FAB Microinteraction design. Getting started Wrap your content with FabCircularMenu and set your desired options: MaterialApp( home: Scaffold( body: FabCircularMenu( child: Placeholder(), // Replace this with your content options: <Widget>[ IconButton(icon: Icon(Icons.home), onPressed: ..
animator Enables you to create stunning flutter animations, faster, efficient and with less code. Partly inspired by the amazing Animate.css package by Dan Eden. Please note, although it’s inspired by Animate.css, this still is a Flutter package, meaning it will be available for all flutter-supported platforms. Features: Combine and chain Tweens with multiple easing-curves. Less ..
CreditCarAccount Features Hold animations Degrade BorderRadius Libs Google Fonts: https://pub.dev/packages/google_fonts#-readme-tab- Flutter Icons: https://pub.dev/packages/flutter_icons#-readme-tab- SlideSheet: https://pub.dev/packages/sliding_sheet Preview Download Source Code on GitHub https://github.com/RenatoLucasMota/CreditAccountApp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Simple Animations Simple Animations is a package for Flutter to boost your animation productivity by simplifying the way to create animations. Simple Animations is a powerful package to create beautiful custom animations in no time. fully tested well documented enterprise-ready Highlights Easily create custom animations in stateless widgets Animate multiple properties at once Create staggered animations within seconds Simplified working with AnimationController instances ..
Shoe Store Features Animations Degrade and Opacity Transform (Scale, Rotate) Preview Download Shoe Store Source Code on GitHub https://github.com/RenatoLucasMota/ShoeStore FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
ballers A flutter application showcasing various animations. Android APK https://firebasestorage.googleapis.com/v0/b/tomisin-edc61.appspot.com/o/app.apk?alt=media&token=32a5e8f7-cfe7-4b1c-b587-27c6010243d1 Design Template UI Flutter Implementation HomeScreen DetalScreen Screen Download Ballers Source Code on GitHub https://github.com/Tomison-E/ballers FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
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 ..
❤️ Star ❤️ the repo to support the project or ????Follow Me.Thanks! flutter-animations This project will focus on animations. Articles Pictures Animation 02 Use the flare 2dimesion animation in the flutter? Animation 01 How to use the animation in the flutter? Download Source Code on GitHub https://github.com/nb312/flutter-animations FlutterappworldProvides the list of the opensource Flutter apps ..
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 ..
SpaceX GO! Simple yet powerful, open-source SpaceX launch tracker About the project The purpose of this project is to develop the ultimate SpaceX experience in a variety of platforms. A single experience, from a single codebase. From the start, SpaceX GO! has been developed to be light-weight, fast and easy to use. It takes all ..
flutter_turtle flutter_turtle is a simple implementation of turtle graphics for Flutter. It simply uses a custom painter to draw graphics by a series of Logo-like commands. For further information about turtle graphics, please visit Wikipedia: https://en.wikipedia.org/wiki/Turtle_graphics https://en.wikipedia.org/wiki/Logo_(programming_language) Why I make this? It is always fun to make your own DSL! Example A quick example: @override ..
Upsplash Unofficial Unsplash client written using dart and flutter Sreenshots Architecture The goal of this pattern is to make it easy to separate presentation from business logic, facilitating testability and reusability. Libraries Architecture flutter_bloc A predictable state management library that helps implement the BLoC design pattern Networking dio A powerful Http client for Dart, which ..
Flutter Package: This is a mixture of FileImage and NetworkImage. It will download the image from the URL once, save it locally in the file system, and then use it from there in the future. network_to_file_image This is a mixture of FileImage and NetworkImage. It will download the image from the url once, save it ..
Flutter Package: When your desired layout or animation is too complex for Columns and Rows, this widget lets you position/size/rotate/transform its child in complex ways. align_positioned Widgets in this package: AlignPositioned AnimatedAlignPositioned AnimChain Why are these widgets an indispensable tool? When your desired layout feels too complex for Columns and Rows, AlignPositioned is a real ..
flutter_easyloading Installing Add this to your package’s pubspec.yaml file: dependencies: flutter_easyloading: ^1.0.1 Import import ‘package:flutter_easyloading/flutter_easyloading.dart’; How to use first, warp your app widget with FlutterEasyLoading: class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { /// child should be [MaterialApp] or [CupertinoApp]. /// make sure that loading can be displayed in front of all other ..
✨ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin‘s SpinKit. ???? Installing dependencies: flutter_spinkit: “^4.1.1” ⚡️ Import import ‘package:flutter_spinkit/flutter_spinkit.dart’; ???? How To Use Flutter Spinkit const spinkit = SpinKitRotatingCircle( color: Colors.white, size: 50.0, ); final spinkit = SpinKitFadingCircle( itemBuilder: (BuildContext context, int index) { return DecoratedBox( decoration: BoxDecoration( color: ..
Flutter App Templates
