Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.5

kenburns

Kenburns effect on flutter. The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery.

pub.dev API documentation Source code
30-day downloads
21
Likes
25
Pub points
40

Install package

flutter pub add kenburns

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The kenburns package enables the Ken Burns effect in Flutter, allowing still images to be animated with smooth panning and zooming movements. This effect enhances static images by creating dynamic visual interest, commonly used in photo galleries, presentations, and storytelling apps. The package integrates seamlessly into Flutter projects and supports customizable animation speed and direction. It is ideal for developers seeking to add cinematic flair to image displays without complex video processing. Built with simplicity and performance in mind, it works well across various screen sizes and resolutions.

Use cases

  • Photo galleries
  • Animated storyboards
  • Presentation slides
  • Digital signage
  • Interactive UI elements

Key features

  • Smooth panning and zooming
  • Customizable animation speed
  • Easy integration with Image widgets
  • Supports responsive layouts
  • Minimal configuration required

Suitable for

  • App developers
  • UI designers
  • Content creators
  • Educational apps
  • Media-rich applications

Considerations

  • Limited to image animations
  • No audio support
  • Requires careful tuning for optimal visuals
  • Not suitable for high-frequency updates
  • May impact performance on low-end devices

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

KenBurns

The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery.

Wrap your image with a KenBurns widget

Container(
      height: 300,
      child: KenBurns(
        child: Image.network("https://lemag.nikonclub.fr/wp-content/uploads/2017/07/08.jpg", fit: BoxFit.cover,),
      ),
),

screen

Configuration

You can configure KenBurns Widget

KenBurns(
    minAnimationDuration : Duration(milliseconds: 3000),
    maxAnimationDuration : Duration(milliseconds: 10000),
    maxScale : 8,
    child: ...
  });

Multiple images

You can display multiple child in KenBurns with a CrossFade animation

Container(
    height: 300,
    child: KenBurns.multiple(
      childLoop: 3,
      children: [
        Image.network(
          "https://www.photo-paysage.com/?file=pic_download_link/picture&pid=3100",
          fit: BoxFit.cover,
        ),
        Image.network(
          "https://cdn.getyourguide.com/img/location_img-59-1969619245-148.jpg",
          fit: BoxFit.cover,
        ),
        Image.network(
          "https://www.theglobeandmail.com/resizer/vq3O7LI3hvsjTP2N0m9NwU4W3Eg=/1500x0/filters:quality(80)/arc-anglerfish-tgam-prod-tgam.s3.amazonaws.com/public/4ETF3GZR3NA3RDDW23XDRBKKCI",
          fit: BoxFit.cover,
        ),
      ],
    ),
),

Download

pub package

dependencies:
  kenburns: ^1.0.5

License

Copyright 2019 florent37, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Categories

Image

Source repository

Projects using this package

No data available yet.