zo_animated_border 0.0.4

A package that provides a modern way to create gradient borders with animation in Flutter

zo_animated_border

A package that provides a modern way to create gradient borders with animation in Flutter

Getting started

First, add zo_animated_border as a dependency in your pubspec.yaml file

dependencies:
  flutter:
    sdk: flutter
  zo_animated_border : ^[version]

Import the package

import 'package:zo_animated_border/zo_animated_border.dart';

Usage

For Gradient border

ZoAnimatedGradientBorder(
    borderRadius: 100,
    borderThickness: 4,
    gradientColor: [Colors.yellow,Colors.orange],
    duration: Duration(seconds: 4),
    child: Container(
            alignment: Alignment.center,
            color: Colors.black,
            child: Text(
                    "Color",
                    style:TextStyle(color:Colors.black),
                  ),
               ),
            )

For Snake Border

ZoSnakeBorder(
    duration: 3,
    glowOpacity: 0,
    snakeHeadColor: Colors.red,
    snakeTailColor: Colors.blue,
    snakeTrackColor: Colors.blueGrey,
    borderWidth: 5,
    borderRadius: BorderRadius.circular(10),
    child: Container(
            width: 150,
            height: 45,
            alignment: Alignment.center,
            decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(10)),
            child: Text(
                  "Snake Border",
            style: TextStyle(color: Colors.black),
                      ),
                    ),
                  ),

For Pulsating border

ZoPulsatingBorder(
      type: ZoPulsatingBorderType.pulse,
      borderRadius: BorderRadius.circular(100),
      pulseColor: Colors.blue,
      child: Container(
        alignment: Alignment.center,
          width: 100,
          height: 100,
          decoration: BoxDecoration(
            color: Colors.red,
            borderRadius: BorderRadius.circular(50)),
            child: Text(
                 "Radar Pulse",
               style: TextStyle(color: Colors.white),
                      ),
                    ),
                  )

For MonoChrome border

ZoMonoCromeBorder(
  trackBorderColor: Colors.white,
  cornerRadius: 50.0,
  borderStyle: ZoMonoCromeBorderStyle.mirror,
  borderWidth: 5.5,
  child: Container(
          width: 100,
          height: 100,
          alignment: Alignment.center,
          child: Text("Mirror", 
          style:  TextStyle(color: Colors.white)),
          decoration: BoxDecoration(
          color: Colors.red,
          shape: BoxShape.circle,
           ),
        ),
      ),

Feel free to post a feature requests or report a bug here.

My Other packages

• connectivity_watcher: A Flutter package to monitor internet connectivity with subsecond response times, even on mobile networks.
• ultimate_extension: Enhances Dart collections and objects with utilities for advanced data manipulation and simpler coding.
• theme_manager_plus: Allows customization of your app's theme with your own theme class, eliminating the need for traditional
• date_util_plus: A powerful Dart API designed to augment and simplify date and time handling in your Dart projects.
• pick_color: A Flutter package that allows you to extract colors and hex codes from images with a simple touch.