パッケージ、リポジトリ、アプリカテゴリを検索

GitHub リポジトリsunarya-thito/animation_kit

animation_kit

A Flutter package providing a collection of animations and utilities to enhance your app's user experience.

animation_kit のプロジェクト画像
スター
0
フォーク
1
最終プッシュ(UTC)
2025/11/25
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

Animation Kit

A Flutter package providing a collection of utilities and widgets for creating advanced animations with ease.

Features

  • Customizable animation builders.
  • Repeated animations with various modes (e.g., repeat, reverse, ping-pong).
  • Implicit animations for smooth transitions.
  • Crossfade transitions between widgets.
  • Interval-based animation curves.
  • Utility functions for interpolating values like colors, offsets, and sizes.

Installation

Add the following to your pubspec.yaml:

dependencies:
  animation_kit: ^1.0.0

Then run:

flutter pub get

Usage

Repeated Animation
import 'package:animation_kit/animation_kit.dart';

RepeatedAnimationBuilder<double>(
  start: 0.0,
  end: 1.0,
  duration: Duration(seconds: 2),
  mode: RepeatMode.pingPong,
  builder: (context, value, child) {
    return Opacity(
      opacity: value,
      child: child,
    );
  },
  child: Text('Ping-Pong Animation'),
);
Crossfade Transition
import 'package:animation_kit/animation_kit.dart';

CrossFadedTransition(
  child: Text('New Widget'),
  duration: Duration(milliseconds: 500),
);
Custom Curve
import 'package:animation_kit/animation_kit.dart';

AnimationController controller = AnimationController(
  duration: const Duration(seconds: 2),
  vsync: this,
);

Animation<double> animation = CurvedAnimation(
  parent: controller,
  curve: IntervalDuration(
    start: Duration(milliseconds: 500),
    end: Duration(seconds: 1),
    duration: Duration(seconds: 2),
  ),
);
Implicit Animation
import 'package:animation_kit/animation_kit.dart';

AnimatedValueBuilder<double>(
  value: 1.0,
  duration: Duration(seconds: 1),
  builder: (context, value, child) {
    return Transform.scale(
      scale: value,
      child: child,
    );
  },
  child: Icon(Icons.star, size: 50),
);

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix.
  3. Commit your changes with clear messages.
  4. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Thito Yalasatria Sunarya GitHub avatar
GitHub 作者

Thito Yalasatria Sunarya ↗

Ingin Menjadi Programmer Handal, Namun Enggan Ngoding

Bandung, Jawa Barat, Indonesia
言語Dart

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 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 ↗