A privacy-first text widget that blurs (or pixelates) selected fragments and smoothly reveals them on tap. Perfect for spoilers, sensitive phrases, promo codes, or quiz answers. Works inside message bubbles or any rich text, supports multiple masked ranges, and is fully themeable to match your UI.
Functionality
-
Partial masking: hide specific words/spans within a sentence; mask multiple ranges per block.
-
Tap to reveal / tap again to hide with animated blur → clear transition (fade/scale options).
-
Mask styles: Gaussian blur, pixelation, dotted noise, solid redaction bar; configurable radius/opacity.
-
State & persistence: remember revealed state per session or per message ID; optional “reveal all.”
-
Accessibility: screen-reader labels for hidden content, semantics to avoid accidental disclosure.
-
Callbacks & analytics:
onReveal
,onHide
, first-reveal telemetry, haptic feedback hooks. -
Rich content: links, inline emojis, mentions; RTL & multi-line support; truncation with “Read more.”
-
Theming: typography, bubble/background (solid/gradient), paddings, corners, shadows, dark mode.
Use Cases
-
Chats & communities: movie/game spoilers, plot points, surprises.
-
Content warnings: hide NSFW, medical, or triggering terms until user opts in.
-
Education & quizzes: conceal answers/hints, step-by-step solutions.
-
E-commerce & marketing: hide promo codes or prices until user interacts.
-
Internal tools: redact PII (emails/IDs) and reveal for authorized viewers.
Keywords
spoiler text, redacted, blur, pixelate, mosaic, tap to reveal, hide sensitive content, privacy, message bubble, masked spans, Flutter/FlutterFlow widget
Blurred Spoiler Text
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.