cool_background_animation
Ein Flutter-Paket für beeindruckende und anpassbare Hintergrundanimationen.
Ein neues Konzept, Paket, das die Hintergrundanimation steuert, falls erforderlich
{"sdk":"flutter"}{"sdk":"flutter"}^5.0.0Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.
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.
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
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,
),
),
),
),
);
}
}
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.
This package is distributed under the MIT License. See the LICENSE file for details.
Happy Animating! 🚀✨