Search packages, repositories and app categories

animated_introduction cover
Package detailsv1.0.4

animated_introduction

A new flutter introduction package with image and animation, which you can use to show your app features or product showcase.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
108
Likes
104
Pub points
150

Install package

flutter pub add animated_introduction

Package Overview

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

Animated Introduction is a Flutter package designed to create engaging onboarding experiences with customizable images and animations. It enables developers to showcase app features or product highlights through smooth, interactive slides. Ideal for first-time user onboarding, it supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux. The package is easy to integrate and offers a clean, modern interface for presenting content dynamically.

Use cases

  • App onboarding screens
  • Product feature showcases
  • User tutorial walkthroughs
  • First-launch welcome experience
  • Interactive marketing presentations

Key features

  • Customizable image and animation support
  • Multi-platform compatibility
  • Simple integration via pub
  • Smooth slide transitions
  • Configurable content per slide
  • Responsive design

Suitable for

  • New app developers
  • Product marketers
  • UX designers
  • Mobile and web app creators
  • Educational app builders

Considerations

  • Requires careful asset optimization
  • Limited built-in themes
  • Animation performance may vary on older devices
  • Needs manual configuration for complex flows
  • Not ideal for highly dynamic content
  • Depends on external image assets

Original README

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

Simple Animated Introduction Screen for Flutter

Features

Add this to your flutter app to get a simple animated introduction screen.

example

Getting started

Add this to your package's pubspec.yaml file:

dependencies:
  animated_introduction: ^1.0.3

Usage

Import the package
import 'package:animated_introduction/animated_introduction.dart';
Create a list of SingleIntroScreen objects
final List<SingleIntroScreen> pages = [
  const SingleIntroScreen(
    title: 'Welcome to the Event Management App !',
    description: 'You plans your Events, We\'ll do the rest and will be the best! Guaranteed!  ',
    imageAsset: 'assets/onboard_one.png',
  ),
  const SingleIntroScreen(
    title: 'Book tickets to cricket matches and events',
    description: 'Tickets to the latest movies, crickets matches, concerts, comedy shows, plus lots more !',
    imageAsset: 'assets/onboard_two.png',
  ),
  const SingleIntroScreen(
    title: 'Grabs all events now only in your hands',
    description: 'All events are now in your hands, just a click away ! ',
    imageAsset: 'assets/onboard_three.png',
  ),
];
Pass the list to AnimatedIntroduction widget
Scaffold(
  body: AnimatedIntroduction(
    slides: pages,
    indicatorType: IndicatorType.circle,
    onDone: () {
/// TODO: Go to desire page like login or home
      },
    ),
  );

Categories

Source repository

Projects using this package

No data available yet.