Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.0.3

animated_gradient

plugin to create animated gradient background with muliple color in flutter project

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
2.1K
Likes
31
Pub points
160

Install package

flutter pub add animated_gradient

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enables developers to create smooth, animated gradient backgrounds with multiple colors in their applications. It supports dynamic color transitions and is ideal for enhancing visual appeal in UIs across mobile, web, and desktop platforms. The plugin integrates easily via pub add and offers customizable animation speed and direction. Perfect for splash screens, login pages, or any interface requiring engaging background effects.

Use cases

  • Splash screens
  • Login interfaces
  • Dashboard backgrounds
  • Interactive UI elements
  • App onboarding screens

Key features

  • Multiple color gradients
  • Smooth animation transitions
  • Customizable speed and direction
  • Cross-platform support
  • Easy integration via pub add
  • Responsive design compatibility

Suitable for

  • UI designers seeking visual flair
  • Developers building modern app interfaces
  • Projects requiring dynamic background effects
  • Flutter beginners exploring animations
  • Apps targeting multiple platforms

Considerations

  • May impact performance on low-end devices
  • Requires careful color selection for readability
  • Animation settings should be optimized for UX
  • Not suitable for static background needs
  • Limited control over individual gradient points

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Animated Gradient

Animated gradient package lets you add a beautiful randomly moving gradient to your Flutter app.

Installation

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  animated_gradient: ^0.0.2
  1. Import the package and use it in your Flutter App.
import 'package:animated_gradient/animated_gradient.dart';

Features

class MyApp extends StatelessWidget {  
  const MyApp({Key? key}) : super(key: key);  
  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: AnimatedGradient(  
        child: const Text("Done!",
          style : TextStyle(
            color: Colors.white,
            fontSize: 50,
            fontWeight: FontWeight.w700,
          ),
        ),  
      ),  
    );  
  }  
}
animated gradient app demo

Categories

Background Effects, Gradients & Shaders

Source repository

Projects using this package

No data available yet.