Search packages, repositories and app categories

showcaseview cover
Package detailsv5.1.0

showcaseview

A Flutter package to Showcase/Highlight widgets step by step.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
263K
Likes
3.1K
Pub points
150

Install package

flutter pub add showcaseview

Package Overview

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

ShowcaseView is a Flutter package designed to guide users through app features by highlighting specific widgets step by step. It creates interactive coach marks that draw attention to key UI elements, making it ideal for onboarding or demonstrating new functionality. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent user experiences across devices. With customizable overlays and smooth animations, ShowcaseView enhances user engagement during initial app interactions.

Use cases

  • Onboarding new users
  • Highlighting new features
  • Guided app tours
  • User training sessions
  • Improving feature discoverability

Key features

  • Step-by-step widget highlighting
  • Customizable overlay design
  • Smooth transition animations
  • Multi-platform support
  • Easy integration with existing widgets
  • Configurable tap-to-dismiss behavior

Suitable for

  • App onboarding flows
  • Feature introduction in complex apps
  • Educational applications
  • Product walkthroughs
  • UX improvement initiatives

Considerations

  • May require careful placement to avoid obscuring content
  • Performance impact with many steps
  • Needs testing across different screen sizes
  • Limited built-in customization for advanced styling
  • Not intended for persistent UI elements

Original README

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

Showcase View - Simform LLC.

ShowCaseView

Build showcaseview Awesome Flutter

A Flutter package that allows you to showcase/highlight your widgets step by step, providing interactive tutorials for your application's UI.

Check out other amazing open-source Flutter libraries and Mobile libraries developed by Simform Solutions!

Preview

For live web demo, visit ShowcaseView Web Example

The example app running on mobile

Features

  • Guide users through your app by highlighting specific widgets step by step.
  • Customize tooltips with titles, descriptions, actions, and styling.
  • Handles scrolling the widget into view for showcasing.
  • Support for custom tooltip widgets.
  • Animation and transition effects for tooltip.
  • Options to showcase multiple widgets at the same time.

Performance Gains on v5.x.x

Version 5.0.0+ delivers exceptional performance improvements that make ShowcaseView faster and more efficient than ever:

performance_boost

Performance metrics based on internal benchmarking tests performed on a mid-tier android device.

🚀 Memory Reduction
  • Optimized memory usage: Reduced from 1.8 MB to 0.6 MB
  • Significantly reduced memory footprint for better app performance
⚡ Faster Refresh
  • Smoother animations: Average FPS increased from 58 to 88 FPS
  • Better performance on lower-end devices and complex UI layouts
🎯 Quicker Rendering
  • Lightning-fast startup: Initial render time reduced from 68ms to 24ms
  • Dramatically improved time-to-interactive for showcases

Documentation

Visit our documentation site for all implementation details, usage instructions, code examples, and advanced features.

Installation

dependencies:
  showcaseview: <latest-version>

Support

For questions, issues, or feature requests, create an issue on GitHub or reach out via the GitHub Discussions tab. We're happy to help and encourage community contributions. To contribute documentation updates specifically, please make changes to the doc/documentation.md file and submit a pull request.

Main Contributors

img img img
Vatsal Tanna Sahil Totala Aditya Chavda
img img img
Sanket Kachchela Ujas Majithiya Happy Makadiya

License

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

Categories

Source repository

Projects using this package