animation_kit

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

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.

Anwendungsfälle

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

Hauptmerkmale

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

Geeignet für

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

Hinweise

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

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Pakete, Repositories und App-Kategorien suchen

Paket installieren