पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

GitHub रिपॉज़िटरीAIdevol/cool_background_animation

cool_background_animation

एक नया अवधारणा, पैकेज जो आवश्यकता होने पर पृष्ठभूमि एनीमेशन को नियंत्रित करेगा

cool_background_animation प्रोजेक्ट कवर
स्टार
6
फ़ोर्क
1
अंतिम पुश (UTC)
21 जन॰ 2026
प्रोजेक्ट स्थिति
सक्रिय

मूल README

यह अंग्रेज़ी मूल स्नैपशॉट है। नवीनतम सामग्री GitHub पर देखें।

🌈 Cool Background Animation 🌌

Cool Background Animation Demo

Cool Background Animation is a Flutter package designed to add stunning, customizable animated background effects to your apps. Perfect for enhancing visual appeal with minimal effort, this package ensures your projects stand out with eye-catching animations.


✨ Features

  • 🚀 Easy Integration: Quickly integrate into any Flutter project.
  • 🎨 Customizable: Adjust animation properties like speed, colors, and patterns.
  • ⚡ Optimized Performance: Lightweight and highly efficient for smooth animations.

🛠️ Getting Started

Add the package to your project by including it in your pubspec.yaml file:

dependencies:
  cool_background_animation: 1.1.0

Run the following command to fetch the package:

flutter pub get

📚 Example Usage

Here's how you can use Cool Background Animation in your Flutter app:

import 'package:cool_background_animation/cool_background_animation.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: StarFallingBackground(
        speed: 2.0,
        colors: [Colors.blue, Colors.purple],
        patterns: Patterns.starfall,
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: RainbowBackground(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: MatrixRainAnimation(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CelebrationAnimation(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: BubbleBackground(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: MultipleBalloons(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body:  AnimatedBackgroundSymbols(
        symbolColor: Colors.green,
        symbolSize: 34.0,
        customSymbols: '!@#\$%^&*()_+',
        spawnInterval: Duration(milliseconds: 200),
    initialSymbolCount: 20,
    fontFamily: 'YourFontFamily',

    ));
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body:
        InfiniteSpiralMotionAnimation(
          size: 300,
          colors: [Colors.blue, Colors.purple, Colors.pink],
          colorBlendMode: ColorBlendMode.rainbow,
          enableParticles: true,
          enable3DEffect: true,
          enableShimmer: true,
          enableGradientBorder: true,
          enablePulsingBorder: true,
          enableShadow: true,
          rotationX: 0.2,
          rotationY: 0.1,
          direction: AnimationDirection.all,
        ));
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body:
        StarryBackground(
          numberOfStars: 200,
          starConfig: StarConfig(
            minSize: 1.0,
            maxSize: 4.0,
            starColor: Colors.amber,
            movementSpeed: 2.0,
            enableTwinkling: true,
          ),
          backgroundGradient: LinearGradient(
            colors: [Colors.red, Colors.blue.shade900],
          ),
          enableShootingStars: true,
          shootingStarInterval: Duration(seconds: 3),
        ));
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GradientMeshBackground(
        config: GradientMeshConfig(
          colors: [
            Color(0xFF667EEA),
            Color(0xFF764BA2),
            Color(0xFFF093FB),
            Color(0xFF4FACFE),
          ],
          animationSpeed: 1.0,
          enableBlur: true,
          enablePulsing: true,
        ),
        child: Center(
          child: Text(
            'Beautiful Gradient Mesh',
            style: TextStyle(
              color: Colors.white,
              fontSize: 24,
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
      ),
    );
  }
}

🧩 Feedback and Contributions

We'd love to hear your thoughts! If you encounter any issues, have feature requests, or would like to contribute, please visit our GitHub Repository.


📄 License

This package is distributed under the MIT License. See the LICENSE file for details.

Happy Animating! 🚀✨

Devesh Tiwari GitHub avatar
GitHub लेखक

Devesh Tiwari ↗

Passionate Problem Solver || 💡 Strategic Thinker || 🚀 Efficiency Expert || 🔍 Continuous Learner || ❤️ Open Source Advocate

@WeboappdiscoveryLudhiana, Punjab ,India
भाषाएँDartC++CCMakeSwiftHTMLKotlinObjective-C

इस रिपॉज़िटरी के पैकेज

उपयोग की गई निर्भरताएँ

निर्भरता सूची 3 आइटम

  • flutter{"sdk":"flutter"}
  • flutter_testडेवलपमेंट{"sdk":"flutter"}
  • flutter_lintsडेवलपमेंट^5.0.0

अपने प्रोजेक्ट के लिए रिपॉज़िटरी कैसे चुनें?

उपयोग के अनुसार छाँटें, गतिविधि की तुलना करें और अपनाने से पहले मूल प्रोजेक्ट की आवश्यकताएँ जाँचें।

  1. नाम, लेखक या विवरण से खोजें और तकनीकी विषय से परिणाम सीमित करें।
  2. स्टार, फ़ोर्क और हाल के पुश की तुलना करें। स्टार रुचि दर्शाते हैं, गुणवत्ता की गारंटी नहीं।
  3. उपयोग से पहले GitHub पर README, लाइसेंस और Issues जाँचें।

स्रोत और रखरखाव

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗