cool_background_animation
아름답고 사용자 정의 가능한 배경 애니메이션을 위한 Flutter 패키지입니다.
새로운 개념, 필요 시 백그라운드 애니메이션을 제어할 패키지
{"sdk":"flutter"}{"sdk":"flutter"}^5.0.0아래는 영문 원문 스냅샷입니다. 최신 내용은 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! 🚀✨