Animated Backgrounds for Flutter.

Related tags

Animation android dart ios flutter mobile-development flutter-package
Overview

Animated Backgrounds for Flutter

pub package

Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas.

Screenshot Screenshot

Note: These examples are laggy because they were recorded from the emulator. Other examples available in the screenshots folder.

How to use

In your pubspec.yaml:

dependencies:
  animated_background: ^1.0.5

In your Dart file:

import 'package:animated_background/animated_background.dart';

Use in a Stateful Widget with mixin TickerProviderStateMixin or pass a ticker provider in vsync.

AnimatedBackground(
  behaviour: RandomParticleBehaviour(),
  vsync: this,
  child: Text('Hello'),
);
Comments
  • Can not pass compiling under flutter 1.6.3

    Can not pass compiling under flutter 1.6.3 

     Error: The argument type 'dynamic Function(ImageInfo, bool)' can't be assigned to the parameter type 'ImageStreamListener'.
 - 'ImageInfo' is from 'package:flutter/src/painting/image_stream.dart' ('file:///Users/seafood/repo/flutter/packages/flutter/lib/src/painting/image_stream.dart').
 - 'ImageStreamListener' is from 'package:flutter/src/painting/image_stream.dart' ('file:///Users/seafood/repo/flutter/packages/flutter/lib/src/painting/image_stream.dart').
Try changing the type of the parameter, or casting the argument to 'ImageStreamListener'.
  return () => newStream.removeListener(listener);
                                        ^
    opened by BANG88 7
  • null safety migration

    null safety migration

    @AndreBaltazar8 Hello. I have seen this issue. I like this package so much. So I create this pull request about null-safe migration. The steps are as follows:

    1. run dart migrate and apply changes.
    2. run example to check errors and fix errors.
    3. update the deprecated methods and classes.

    And, the change at example/lib/helpers/fade_route.dart (L.12) in example are just to make it compile, so I'm not sure if the changes are correct. I would be very grateful for your advice.

    Thanks.

    opened by kyu-suke 4
  • Error: The argument type 'String' can't be assigned to the parameter type 'DiagnosticsNode'.

    Error: The argument type 'String' can't be assigned to the parameter type 'DiagnosticsNode'.

    description

    When I install this package and build a project, the following error occurs.

    .../animated_background-1.0.1/lib/animated_background.dart:161:16: Error: The argument type 'String' can't be assigned to the parameter type 'DiagnosticsNode'.
     - 'DiagnosticsNode' is from 'package:flutter/src/foundation/diagnostics.dart' ('file:///Users/Karma_mac/Documents/workspace/flutter/packages/flutter/lib/src/foundation/diagnostics.dart').
    Try changing the type of the parameter, or casting the argument to 'DiagnosticsNode'.

    flutter doctor -v

    [✓] Flutter (Channel master, v1.5.9-pre.222, on Mac OS X 10.14.3 18D109, locale ja-JP)
    • Flutter version 1.5.9-pre.222 at /Users/Karma_mac/Documents/workspace/flutter
    • Framework revision 9b2a1853ac (6 hours ago), 2019-05-12 21:28:38 -0400
    • Engine revision 816d3fc586
    • Dart version 2.3.1 (build 2.3.1-dev.0.0 a0290f823c)


[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    • Android SDK at /Users/Karma_mac/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1248-b01)
    • All Android licenses accepted.

[✓] iOS toolchain - develop for iOS devices (Xcode 10.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 10.2, Build version 10E125
    • ios-deploy 1.9.4
    • CocoaPods version 1.6.0.beta.2

[✓] Android Studio (version 3.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 32.0.1
    • Dart plugin version 182.5124
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1248-b01)

[✓] VS Code (version 1.33.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.0.1

[✓] Connected device (1 available)
    • ASUS Z01FD • *** • android-arm64 • Android 8.0.0 (API 26)

• No issues found!
    opened by karmactonics 4
  • simple code from example doesn't work

    simple code from example doesn't work 

    class _RootPageState extends State<RootPage> with TickerProviderStateMixin {

  @override
  Widget build(BuildContext context) {
      return Scaffold(
        body: AnimatedBackground(
          behaviour: RandomParticleBehaviour(),
          vsync: this,
          child: Center(
            child: Text("WFT!!!")
          ),
        ),
      );
    }
  }
    opened by j3g 3
  • Example doesn't compile

    Example doesn't compile

    /home/steve/.gradle/caches/transforms-1/files-1.1/support-compat-28.0.0.aar/0a40e8303eb6d8c62858614844c5e417/res/values/values.xml:133:5-70: AAPT: error: resource android:attr/fontVariationSettings not found.

    /home/steve/.gradle/caches/transforms-1/files-1.1/support-compat-28.0.0.aar/0a40e8303eb6d8c62858614844c5e417/res/values/values.xml:133:5-70: AAPT: error: resource android:attr/ttcIndex not found.

    FAILURE: Build failed with an exception.

    • What went wrong: Execution failed for task ':app:processDebugResources'.

    Failed to process resources, see aapt output above for details.

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org BUILD FAILED in 7s Gradle task assembleDebug failed with exit code 1 Exited (sigterm)

    opened by sgehrman 2
  • How to pass some random value to every particle created?

    How to pass some random value to every particle created?

    For example:

    AnimatedBackground( 
    behaviour: RandomParticleBehaviour(
       options: ParticleOptions(
                spawnMinRadius: 30,
                spawnMaxRadius: 46,
                spawnMaxSpeed: 45.5,
                spawnMinSpeed: 25.0,
                particleCount: 20,
                minOpacity: 0.0,
                maxOpacity: 0.54,
                image: Image.asset(
                     'assets/image.png', 
             ///  I'm talking about this parameter, being the same color for all particles
                      color: Random().nextDouble < 0.5 ? Colors.black : Colors.red 
))),
        vsync: this,
        child: Container())
    opened by emvaized 1
  • Crash, particles null

    Crash, particles null 

    The getter 'length' was called on null.
flutter: Receiver: null
flutter: Tried calling: length
flutter: 
flutter: When the exception was thrown, this was the stack:
flutter: #0      Object.noSuchMethod (dart:core/runtime/libobject_patch.dart:50:5)
flutter: #1      ParticleBehaviour.onOptionsUpdate (package:animated_background/particles.dart:372:19)
flutter: #2      RandomParticleBehaviour.onOptionsUpdate (package:animated_background/particles.dart:458:11)
flutter: #3      ParticleBehaviour.initFrom (package:animated_background/particles.dart:291:7)
flutter: #4      RandomParticleBehaviour.initFrom (package:animated_background/particles.dart:409:11)
flutter: #5      RenderAnimatedBackground.behaviour= (package:animated_background/animated_background.dart:187:16)
flutter: #6      AnimatedBackground.updateRenderObject (package:animated_background/animated_background.dart:44:19)
flutter: #7      RenderObjectElement.update (package:flutter/src/widgets/framework.dart:4494:12)
flutter: #8      _AnimatedBackgroundElement.update (package:animated_background/animated_background.dart:106:11)
flutter: #9      Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #10     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4867:14)
flutter: #11     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #12     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #13     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #14     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #15     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #16     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4867:14)
flutter: #17     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #18     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #19     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #20     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #21     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #22     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #23     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #24     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #25     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #26     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #27     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #28     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #29     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #30     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #31     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #32     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #33     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #34     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #35     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #36     StatefulElement.update (package:flutter/src/widgets/framework.dart:3878:5)
flutter: #37     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #38     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #39     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #40     StatefulElement.update (package:flutter/src/widgets/framework.dart:3878:5)
flutter: #41     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #42     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #43     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #44     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #45     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #46     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #47     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #48     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #49     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #50     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #51     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #52     StatefulElement.update (package:flutter/src/widgets/framework.dart:3878:5)
flutter: #53     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #54     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #55     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #56     StatefulElement.update (package:flutter/src/widgets/framework.dart:3878:5)
flutter: #57     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #58     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4867:14)
flutter: #59     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #60     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #61     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #62     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #63     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #64     RenderObjectElement.updateChildren (package:flutter/src/widgets/framework.dart:4585:32)
flutter: #65     MultiChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4975:17)
flutter: #66     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #67     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #68     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #69     StatefulElement.update (package:flutter/src/widgets/framework.dart:3878:5)
flutter: #70     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #71     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4867:14)
flutter: #72     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #73     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #74     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #75     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #76     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #77     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #78     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #79     StatelessElement.update (package:flutter/src/widgets/framework.dart:3781:5)
flutter: #80     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #81     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4867:14)
flutter: #82     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #83     RenderObjectElement.updateChildren (package:flutter/src/widgets/framework.dart:4585:32)
flutter: #84     MultiChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4975:17)
flutter: #85     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #86     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
flutter: #87     Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
flutter: #88     ProxyElement.update (package:flutter/src/widgets/framework.dart:3990:5)
flutter: #89     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #90     RenderObjectElement.updateChildren (package:flutter/src/widgets/framework.dart:4585:32)
flutter: #91     MultiChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4975:17)
flutter: #92     Element.updateChild (package:flutter/src/widgets/framework.dart:2742:15)
flutter: #93     _LayoutBuilderElement._layout.<anonymous closure> (package:flutter/src/widgets/layout_builder.dart:118:18)
flutter: #94     BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2266:19)
flutter: #95     _LayoutBuilderElement._layout (package:flutter/src/widgets/layout_builder.dart:107:11)
flutter: #96     RenderObject.invokeLayoutCallback.<anonymous closure> (package:flutter/src/rendering/object.dart:1730:58)
flutter: #97     PipelineOwner._enableMutationsToDirtySubtrees (package:flutter/src/rendering/object.dart:799:15)
flutter: #98     RenderObject.invokeLayoutCallback (package:flutter/src/rendering/object.dart:1730:13)
flutter: #99     _RenderLayoutBuilder.performLayout (package:flutter/src/widgets/layout_builder.dart:205:5)
flutter: #100    RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
flutter: #101    MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:142:11)
flutter: #102    _ScaffoldLayout.performLayout (package:flutter/src/material/scaffold.dart:340:7)
flutter: #103    MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:212:7)
flutter: #104    RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:356:14)
flutter: #105    RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
flutter: #106    _RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
flutter: #107    RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
flutter: #108    _RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
flutter: #109    _RenderCustomClip.performLayout (package:flutter/src/rendering/proxy_box.dart:1203:11)
flutter: #110    RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
flutter: #111    _RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
flutter: #112    RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
flutter: #113    RenderStack.performLayout (package:flutter/src/rendering/stack.dart:510:15)
flutter: #114    RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
flutter: #115    MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:142:11)
flutter: #116    _ScaffoldLayout.performLayout (package:flutter/src/material/scaffold.dart:340:7)
flutter: #117    MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:212:7)
flutter: #118    RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:356:14)
flutter: #119    RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:1509:7)
flutter: #120    PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:768:18)
flutter: #121

    A temporary fix (probably not the best one) for RandomParticleBehaviour is

    
class FixedRandomParticleBehaviour extends RandomParticleBehaviour {
    FixedRandomParticleBehaviour({@required ParticleOptions options, Paint paint}) : super(options: options, paint: paint);
    @override
    void onOptionsUpdate(ParticleOptions oldOptions) {
        if (particles == null) {
            return;
        } else {
            super.onOptionsUpdate(oldOptions);
        }
    }
}

    Thanks!

    opened by modulovalue 1
  • Add multiple images partical options

    Add multiple images partical options

    Add MultipleImagesPartialOptions and MultipleImagesParticleBehaviour to provide multiple images

    usage:

    AnimatedBackground(
        vsync: this,
        behaviour: RainMultipleImagesParticleBehaviour(
          options: MultipleImagesPartialOptions(
            images: [
              Image.network(
                'https://www.pngmart.com/files/8/Cockroach-PNG-Transparent-File.png',
              ),
              Image.network(
                'https://static.vecteezy.com/system/resources/previews/001/200/028/original/dog-png.png',
              ),
              Image.network(
                'https://www.pngitem.com/pimgs/m/247-2477379_transparent-background-cartoon-house-png-png-download.png',
              ),
            ],
            // particleCount: 5,
            spawnMinRadius: 1,
            spawnMaxRadius: 70,
            spawnMaxSpeed: 100,
            spawnMinSpeed: 50,
          ),
        ),
        child: const SizedBox(),
      )
    opened by ankiimation 0
  • Create new behaviour with a moving wireframe mesh-like

    Create new behaviour with a moving wireframe mesh-like

    Mesh-like wireframe behaviour with lines connected to dots that connect to other lines. The connections could be made using the distance between the dots, if the dots are close to one another, a connection is made. The dots move on the screen.

    opened by AndreBaltazar8 0
  • Create new behaviour with Canvas.drawArc

    Create new behaviour with Canvas.drawArc

    Create a new behaviour where a drawn arc spawns other arcs after opening or closing n degrees. After spawning the new arc, which can be a different size, it starts closing from the opposite side, allowing another possible arc to spawn. The behaviour should be built in such a way that the child arcs never intersect the parent (but they can intersect other arcs).

    The image below shows the different stages of the arcs.

    arc_stages

    opened by AndreBaltazar8 0
  • Make the behaviours more easily extended

    Make the behaviours more easily extended

    Add properties that allow to extend the behaviour (for example the spawning location of particles) without having to implement a subclass to do that. This as a downside of having to add too many properties to all the behaviours, but can be beneficial if you want to modify a behaviour based on the state of a widget for example.

    opened by AndreBaltazar8 0
  • Move the rain behaviour from the example application to the main package

    Move the rain behaviour from the example application to the main package

    The rain behaviour was created as a part of the example application to demonstrate how to implement a new behaviour. However, it should be included on the package as a default behaviour.

    opened by AndreBaltazar8 0
  • Space Behaviour - Review code & document everything

    Space Behaviour - Review code & document everything

    • Make sure the properties to configure have appropriate names.
    • Review the logic of initialization, update and rendering.
    • Expose all possible functions and variables to make it as extendable as possible.
    • Add documentation for all methods and properties.
    opened by AndreBaltazar8 0
Owner
André Baltazar
André Baltazar
GitHub https://pub.dartlang.org/packages/animated_background
✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.

✨ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit. ?? Installing dependencies:

Jeremiah Ogbomo 2.7k Dec 30, 2022
Animated Menu in Flutter using radial.

Animated_radial_Menu_in_Flutter Animated Menu in Flutter using radial. Getting Started This project is a starting point for a Flutter application. A f

Habib ullah 4 Jul 18, 2022
Cool 3D Drawer Animated With flutter part 2 🔥 🔥

Cool 3D Drawer Animated With flutter part 2 ?? ??

Hmida 12 Nov 22, 2022
🐱‍👤 Flutter-Animation 🔥 🔥 List Animated Staggered Animations

??‍?? Staggered Animations made with algeria ❤

Hmida 17 Nov 22, 2022
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.

Motion Tab Bar A beautiful animated widget for your Flutter apps Preview: | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.1.5 B

Rezaul Islam 237 Nov 15, 2022
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.

A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started

Hasan Mohammed 91 Dec 20, 2022
Flutter package for animated unit stepper.

stepo A highly customisable Flutter package for animated unit stepper Supported Dart Versions Dart SDK version >= 2.1.0 Demo Gif Installation Add the

hd-motion 23 Feb 4, 2021
Animated Tesla App Conect using Flutter

Animated Tesla App Conect using Flutter Watch it on YouTube Packages we are using: flutter_svg: link This video is for those who want to master Flutte

Abu Anwar 171 Dec 28, 2022
Animated collasable app drawer for flutter

collasable_drawer Animated collasable app drawer

Benjamin Mahmić 173 Jan 6, 2023
Flutter animated theme switcher

animated_theme_switcher Animated theme switcher. This library starts from Peyman's stackoverflow question how-to-add-animation-for-theme-switching-in-

Kherel 223 Dec 23, 2022
3d Drawer Animated && Made with algeria heart

Cool 3D Drawer Animated With flutter part 1 ?? ?? Getting Started # You need to import this in our file import 'dart:math'; import 'package:flutter/m

Hmida 8 Sep 10, 2022
A beautiful animated onboarding app.

Animated Onboarding Made with ?? in India This flutter app is made just to demonstrate how to we can make an animated onboarding experience that looks

Shubham Soni 117 Dec 4, 2022
Animated triangles background widget with color gradients

Triangles background Animated triangles background widget with color gradients Getting Started click image to see the video Usage add this line to pub

Marco Bavagnoli 17 Oct 13, 2022
Beautiful Animated ListView and GridView

staggered_animated_listview Beautiful Animated ListView and GridView Online Preview Getting Started This project is a starting point for a Flutter app

Elyas Sekhavati Nia 1 Dec 11, 2021
An animated menu with both RTL and LTR direction support

animated_menu A new Flutter package project. Getting Started This project is a starting point for a Dart package, a library module containing code tha

Persian Flutter Community 5 Jan 31, 2022
A collection of loading indicators animated with CSS

SpinKit Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily cust

Tobias Ahlin 19k Dec 26, 2022
🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Ayush Agarwal 1.4k Jan 6, 2023
This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

AwesomeFlutterUI The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your proje

Subir Chakraborty 132 Nov 13, 2022
This is a Flutter URL preview plugin for Flutter that previews the content of a URL

flutter_link_preview This is a URL preview plugin that previews the content of a URL Language: English | 中文简体 Special feature Use multi-processing to

yung 67 Nov 2, 2022