flutterflow-blur-image-widget
blur-image-widget-flutterflow
About

Privacy-First Blur Image Card 🫣✨. A flutterflow blur image widget that places a smooth Gaussian blur over any image, then reveals on tap β€” and can be toggled back for privacy. Perfect for β€œTap to view” moments, spoiler protection, and teasing content. Built for lists/grids with buttery-smooth performance and deep theming: blur strength, tint, snowy noise, corners, shadows, and animation. ⚑🧊

βš™οΈ Functionality

  • πŸ‘† Tap/Toggle reveal: animated fade with configurable duration & curve; optional re-blur

  • πŸ”Ž Adjustable blur: sigma X/Y, overlay tint/opacity/gradient, and noise density for frosted/snowy looks

  • πŸ–ΌοΈ Card styling: corner radius, border, elevation/shadow, padding; preserves aspect ratio (fit/cover)

  • πŸ” State & callbacks: bind to boolean; onReveal / onCover / onLongPress; optional haptics

  • β™Ώ Accessibility & performance: semantics update on state change, keyboard/focus support, 60fps scrolling

🧭 Use Cases

  • 🚫 Blur sensitive/graphic images until the user opts in (β€œTap to view”)

  • 🎬 Hide spoilers in news or entertainment feeds

  • πŸ’Ž Tease premium/paywalled content in galleries

  • πŸͺ„ Onboarding or before/after reveals in photo/design apps

  • πŸ’¬ Messaging/Profile apps for privacy-by-default media

  • πŸ›οΈ E-commerce: reveal product shots or price overlays on intent

πŸ”‘ Keywords: flutterflow blur image widget, blur card, frosted glass overlay, privacy image overlay, tap to reveal image, spoiler guard widget, gaussian blur image, noise snow overlay, animated image reveal, image mask flutterflow, flutterflow custom widget

Animated Blur Card

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.