flux_otp library
A highly customizable, beautiful, and interactive OTP and PIN entry widget for Flutter featuring Sigil, Lightning, Liquid, and Motion animations.
Classes
- AnimatedCheckmark
- An animated checkmark widget that draws a circle and a checkmark inside it with customizable duration, size, strokeWidth, and callback on complete.
- BlobBodyPainter
- Paints the blob mascot.
- BlobCheckPainter
- Draws the verified tick as a stroke that writes itself in.
- BlobOtpInput
- An OTP input where a chomping blob eats the entered digits one by one and then morphs into the verified badge.
- BlobOtpSlot
- A single slot in the blob OTP input row.
- BlobOtpVerificationView
- A ready-made verification sheet built around BlobOtpInput.
- BlobPalette
- The four tones that make up one blob body: the base fill, the outer glow, the lit highlight near the top-left, and the shaded far edge.
- BlobParticle
- One piece of confetti thrown out by the success burst.
- BlobParticlePainter
- Paints the outward confetti burst of the verified state.
- BorderLoadingPainter
- A custom painter that draws a rotating/progress border segment on a rounded rectangle. It is used to show a loading/verification indicator state around an OTP box.
- LightningBorderPainter
- Paints a rounded rectangle whose outline burns with an electric glow.
- LightningCheckPainter
- LightningLinkPainter
- LightningOtpBox
- A single OTP box for the lightning style.
- LightningOtpInput
- A premium OTP input where every digit ignites its box with an electric discharge.
- LightningOtpLink
- LightningOtpVerificationView
- A ready-made verification card built around LightningOtpInput.
- LiquidOtpInput
- A premium OTP/PIN input widget featuring the "Liquid Animation" style.
- LiquidOtpVerificationView
- A premium, static container card that implements the full OTP verification screen layout matching the "Liquid Animation" timeline design specifications.
- LiquidPipe
- LiquidWaterBox
- A premium, individual OTP slot box designed as a glass container filled with animated wavy liquid, floating bubbles, and subtle light reflections.
- MotionLoadingIndicator
- A premium loading indicator featuring 8 circles arranged in an octagon, with an optional center widget (e.g. a logo or icon). The circles pulse in a circular wave pattern.
- MotionOtpBox
- A single OTP box that features premium entry animations:
- MotionOtpInput
- A premium OTP input widget that coordinates focus and the text entry across multiple MotionOtpBox widgets.
- MotionOtpVerificationView
- A premium verification view that implements the full "Instagram style" motion OTP animation sequence.
- NexusBurstPainter
- Paints the shard burst and the shock ring of the verified state.
- NexusCheckPainter
- Paints the check mark of the verified node as it draws itself.
- NexusLink
- One edge of the lattice, drawn from from to to as progress runs to 1.
- NexusLinkPainter
- Paints the wires that tie the lattice nodes together.
- NexusNodePainter
- Paints a single node of the nexus lattice: a soft dark rounded rectangle with a hairline border that can be lit by an accent glow.
- NexusOtpBox
- A single node of the nexus style.
- NexusOtpInput
- An OTP input whose nodes rearrange themselves into a lattice to verify.
- NexusOtpVerificationView
- A ready-made dark verification sheet built around NexusOtpInput.
- NexusParticle
- A single shard thrown out by the verified burst.
- OtpTheme
- An inherited widget that defines the visual theme for all OTP widgets in its subtree.
- OtpThemeData
- Comprehensive theme configuration for all OTP widgets and verification views in the package.
- PremiumOtpInput
- A highly customizable, beautiful, and interactive OTP (One-Time Password) and PIN entry widget for Flutter.
- SigilAutofillToast
- The message bubble that slides in over the footer when the code arrives.
- SigilCheckPainter
- Paints the check mark that draws itself inside the verified box.
- SigilHaloPainter
- Paints the concentric halo that keeps breathing around the verified box.
- SigilOtpInput
- An OTP input built around a single travelling ring.
- SigilOtpSlot
- A single slot of the sigil style.
- SigilOtpVerificationView
- A ready-made dark verification sheet built around SigilOtpInput.
- SigilRingPainter
- Paints the single travelling ring of the sigil style.
- SigilSlotPainter
- Paints a resting sigil slot: a dark rounded rectangle with a hairline border and a barely-there gradient that keeps the top edge catching light.
- SigilSparkPainter
- Paints the spark that flashes along the bottom edge of a slot the moment its digit lands.
Enums
- OtpEntryAnimationStyle
- Animation style applied to character entry.
- OtpSuccessAnimationStyle
- Animation style applied when transitions to the success checkmark state.
Functions
-
extractSigilSegment(
PathMetric metric, double start, double length) → Path -
Extracts a
lengthlong slice ofmetricstarting atstart, wrapping around the end of the contour. -
lightningNoise(
double u, double t) → double -
Seamless pseudo-noise in the
-1..1range used to make the electric edges crawl.