flutter_camera_overlay

Package Overview

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

A Flutter plugin that enables developers to overlay common visual elements—like ID cards, credit cards, text prompts, or custom components—on camera previews. It simplifies the creation of guided camera capture interfaces, ideal for document scanning, identity verification, and form input workflows. The plugin supports Android, iOS, and Web platforms, offering a consistent experience across devices. Built with simplicity in mind, it integrates seamlessly into existing camera implementations using standard Flutter widgets.

Use cases

Document scanning
Identity verification
Form data capture
Guided photo capture
Onboarding workflows

Key features

Pre-built overlay components
Custom overlay support
Cross-platform compatibility
Easy integration with camera plugins
Responsive design

Suitable for

Developers building document capture apps
Teams implementing identity verification
Apps requiring guided camera input
Frontend engineers focused on UX
Web and mobile unified solutions

Considerations

Requires a compatible camera implementation
Overlay positioning may need fine-tuning
Limited to visual overlays (no processing)
Not a full camera solution
Web support depends on browser capabilities

Original README

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

This package provides a simple camera overlay to aid capture of documents such as national ID cards, passports and driving licenses.

Default ISO Card formats

https://www.iso.org/standard/70483.html

cardID1 - Most banking cards and ID cards

cardID2 - French and other ID cards. Visas.

cardID3 - United States government ID cards

simID000 - SIM cards

Getting Started

Import the file.

import 'package:flutter_camera_overlay/flutter_camera_overlay.dart';

Use with default style:

CameraOverlay(
    snapshot.data!.first,
    CardOverlay.byFormat(format),
    (XFile file) => print(file.path),
    info: 'Position your ID card within the rectangle and ensure the image is perfectly readable.',
    label: 'Scanning ID Card');

TODO

add data capture (card numbers, etc)
automatic edge detection & capture

Search packages, repositories and app categories