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

पैकेज विवरणv1.2.0

cool_background_animation

एक शानदार और कस्टमाइज़ करने योग्य बैकग्राउंड एनीमेशन के लिए फ्लटर पैकेज।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
68
लाइक
40
Pub अंक
150

पैकेज इंस्टॉल करें

flutter pub add cool_background_animation

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

एक फ्लटर पैकेज जो डेवलपर्स को उनके ऐप में दृश्यात्मक रूप से प्रभावशाली और बहुत अनुकूलित बैकग्राउंड एनीमेशन जोड़ने की अनुमति देता है। धारणाओं, शेडर्स और डायनामिक प्रभावों के समर्थन के साथ, यह चिकने, आकर्षक दृश्यों के साथ उपयोगकर्ता इंटरफेस को बढ़ावा देता है। पैकेज को एकीकरण के लिए आसान बनाया गया है और विभिन्न पूर्व-निर्मित एनीमेशन प्रकार प्रदान करता है, जबकि कॉन्फ़िगरेशन विकल्पों के माध्यम से पूर्ण अनुकूलन की अनुमति देता है। आधुनिक ऐप डिजाइन के लिए आदर्श, जो एक पॉलिश किए गए, एनीमेटेड बैकग्राउंड की तलाश में हैं।

उपयोग

  • एप्प ऑनबोर्डिंग स्क्रीन्स को बेहतर बनाना
  • अमीर लैंडिंग पेज बनाना
  • डैशबोर्ड में दृश्य सजावट जोड़ना
  • गतिशील पृष्ठभूमि के साथ उपयोगकर्ता भागीदारी में सुधार करना
  • थीम वाले मोबाइल या वेब एप्लिकेशन का डिज़ाइन

मुख्य विशेषताएँ

  • कस्टमाइज़ किए गए एनीमेशन स्टाइल
  • धुंधले और शेडर का समर्थन
  • क्रॉस-प्लेटफॉर्म संगतता
  • सरल विजेट के माध्यम से आसान एकीकरण
  • नियत गति और तीव्रता
  • प्रतिक्रियाशील डिज़ाइन समर्थन

इनके लिए उपयुक्त

  • दृश्य प्रभाव की तलाश में UI/UX डिज़ाइनर
  • आधुनिक Flutter ऐप बनाने वाले विकासकर्ता
  • एनिमेटेड बैकग्राउंड की आवश्यकता वाले प्रोजेक्ट
  • रचनात्मक डिजिटल अनुभव
  • कम उम्र के या डिज़ाइन-संवेदनशील दर्शकों के लक्षित ऐप्स

विचार योग्य बातें

  • कम शक्तिशाली उपकरणों पर प्रदर्शन प्रभावित हो सकता है
  • बैटरी के उपयोग के लिए सावधानीपूर्वक अनुकूलन की आवश्यकता है
  • कुछ क्षेत्रों में सीमित दस्तावेज़न
  • एनिमेशन की जटिलता बिल्ड समय बढ़ा सकती है
  • न्यूनतम या सामग्री-केंद्रित लेआउट के लिए उपयुक्त नहीं

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

🌈 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! 🚀✨

श्रेणियाँ

सोर्स रिपॉज़िटरी

इस पैकेज का उपयोग करने वाले प्रोजेक्ट

अभी कोई डेटा उपलब्ध नहीं है।