animation_kit

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Animation Kit is a Flutter package that offers a curated set of animations and utilities designed to elevate user experience in mobile and web applications. It provides ready-to-use animation components, easing functions, and transition helpers, enabling developers to implement smooth, engaging interactions without writing complex code from scratch. The package supports multiple platforms including Android, iOS, Web, and desktop environments, making it versatile for cross-platform projects. With an intuitive API and well-documented examples, it simplifies the integration of professional-grade animations into apps.

用途

Enhancing UI transitions
Adding micro-interactions
Creating loading indicators
Improving onboarding experiences
Animating list items
Building interactive buttons

主な機能

Pre-built animation components
Customizable easing curves
Cross-platform support
Simple API integration
Lightweight and modular design
Responsive animation handling

適している対象

UI/UX designers seeking quick animations
Developers building interactive apps
Teams focused on polished user experiences
Flutter beginners exploring animations
Projects requiring consistent visual feedback

注意事項

May require additional styling for custom themes
Limited advanced animation control
Best suited for moderate complexity animations
Not ideal for highly customized or unique animation logic
Dependent on Flutter's rendering pipeline

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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:

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

License

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

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

パッケージをインストール