MARKETPLACE
PLUGINS
FACEOS (FREE)
FaceOS (Free) logo

FaceOS (Free)

Published December 2025
   •    Updated today

Plugin details

FaceOS (Free) brings the power of Artificial Intelligence to your Bubble app without the heavy costs of Amazon Rekognition or Azure Face API.
This plugin runs a lightweight Neural Network (TinyFaceDetector) directly in the user's browser. This means:

Zero Costs: No pay-per-call APIs.

Privacy First: Images never leave the user's device. GDPR compliant.

Real-Time: 30+ FPS detection on modern devices.

🔥 Features:

  - Face Detection: Draws a bounding box around every face visible in the camera feed.

  - People Counter: Returns the number of distinct faces currently visible (State: Face Count).

  - Smart Triggers: Events for Face Detected and Face Lost allow you to automate workflows (e.g., hide a "Scanning..." loader automatically).

  - Full Control: Use "Auto-Start" or manually control the camera with Start and Stop actions.

💡 Use Cases:

  - Photo Validation: Ensure a user is actually in front of the camera before taking a profile photo.

  - Kiosks: Detect when a customer walks up to a screen.

  - Fun Filters: Overlay UI elements on the video feed.

Looking for Facial Recognition (Who is it?), Emotion Detection, or Liveness Checks? Check out the Pro Edition.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/faceos_free/1765586978369x957372971870776400

Editor: https://bubble.io/page?id=demo-app-56978&test_plugin=1765585123693x702946409947332600_current&tab=Design&name=faceos_free&ai_generated=true&type=page&elements=bTLbt

Free

For everyone

stars   •   0 ratings
8 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   96 Plugins
View contributor profile

Instructions

🚀 How to use FaceOS (Free)
1. Setup:

  - Place the FaceOS (Free) element on your page.

  - Ideally, set the dimensions to a 4:3 ratio (e.g., 640x480 or 320x240) to match standard webcams.

2. Starting the Camera:

  - Option A (Automatic): Check the Auto Start box in the property editor. The camera will ask for permission as soon as the page loads.

  - Option B (Manual): Uncheck Auto Start. Add a Button ("Turn On Camera") and use the workflow action Element Actions > Start Camera.

3. Using Data (States):

  - Face Count (Number): Use this to show text like "Faces visible: 3".

  - Is Face Detected (Yes/No): Use this to conditionally disable a "Take Photo" button if no one is looking.

  - Camera Status (Text): Shows "Loading AI...", "Active", or error messages.

4. Automation (Events):

  - Use the event Face Detected to trigger a workflow (e.g., Show a popup "Hello human!").

  - Use the event Face Lost to pause processes when the user looks away.

Performance Tip: Increase the Detection Interval property (e.g., from 100ms to 500ms) if you want to save battery on mobile devices.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Image   •   Media   •   Video   •   AI   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble