yagnikbarasiya2306@gmail.com

Flutter · Camera scan frame

Viewfinder

A scan frame that looks alive.

A scan-frame overlay for Flutter camera screens. Brackets breathe and a line sweeps while scanning, the frame springs onto what it finds, and it shakes when it fails.

View on GitHub Live demo
Platform
Flutter 3.47+ · Android, iOS, web
Size
Single Dart file
Dependencies
None
Licence
MIT · free for client work

Demo

A recording of the demo. Open it in a new tab

What it does

  1. 01

    Breathing corner brackets and a sweep line while searching

  2. 02

    Springs onto the detected region with a little overshoot

  3. 03

    A decaying shake and colour change on failure

  4. 04

    Wraps any camera preview; status changes are announced

Use it

Add to pubspec.yamlyaml
dependencies:
  viewfinder_scan_frame:
    git:
      url: https://github.com/YagnikBarasiya23/viewfinder_scan_frame.git
Exampledart
import 'package:viewfinder_scan_frame/viewfinder_scan_frame.dart';

Viewfinder(
  status: status,                 // idle, searching, locked or failed
  target: detectedBox,            // fractions of the preview
  hint: 'Centre the whole plate',
  child: CameraPreview(controller),
)

Every option, the technique behind the motion and the accessibility notes are in the README on GitHub

More components

All 10
  • Flutter

    09 · Swipe to confirm

    Latch

    Confirm with intent, not a tap.

    • Single Dart file
    • No dependencies
    • Free · MIT
  • Flutter

    10 · Streak counter

    Ember

    A streak you can feel burning.

    • Single Dart file
    • No dependencies
    • Free · MIT

Get in touch

Open for freelance projects, contract roles and collaborations — mobile apps and full-stack products in particular. WhatsApp gets the fastest reply.

Message on WhatsApp Send an email
Based in
Rajkot, Gujarat, India
Elsewhere