SafeDrive AI
Web-based AI driving co-pilot

Your phone becomes your smartest driving companion.

SafeDrive AI turns any smartphone browser into an in-vehicle safety co-pilot. Benefit from low-latency drowsiness monitoring, OSM speed-limit compliance, emergency crash SOS, and civic hazard reporting. No downloads, zero extra hardware.

Explore Features Watch Demo Plan Open the Web App
On-device MediaPipe AI
Browser Sandbox Safe
IEEE 830 SRS compliant
9:41safedrive.ai · HTTPS

Live Speed

62km/h

Safe Speed

AI CO-PILOT ACTIVE

MediaPipe landmark tracking running at 16 FPS.

FaceMesh

468 landmarks

Safety Score

96/100

OSM · NH-16 Highway · Zone Active
Limit 80

Co-pilot Simulator controls

Adjust Speed62 km/h (Limit: 80)
The Critical Problem

Indian roads require intelligent, instant protection.

Traditional hardware is too expensive to scale. Our software bypasses hardware barriers, addressing Indian road statistics directly.

National Crisis

1.5L+

Fatalities Annually

Over 150,000 road deaths in India every year. Consistently rankings among top global crash priorities.

Relative Hazard Level90%
Human Error

~40%

Fatigue-Linked Crashes

Driver exhaustion, sleep deprivation, and smartphone distraction are the leading highway killers.

Relative Hazard Level40%
First-Response Gap

30+ min

Emergency Response Delay

Critical survival rates drop off sharply during the “golden hour” immediately following an accident.

Relative Hazard Level75%
The Solution Architecture

One platform. Full safety coverage.

SafeDrive AI acts as an end-to-end safety cockpit, proactively guarding you against crashes and jumping in instantly during emergencies.

Core Pillar01

Prevention

Live drowsiness eye detection, lane drift warning, and active driver fatigue tracking running fully client-side.

Core Pillar02

Compliance

Dynamic real-time speed compliance warnings matching crowdsourced OSM road limits and regional traffic rules.

Core Pillar03

Response

Auto SOS crash sequence triggers a 10s countdown to dispatch names, blood groups, and exact GPS location to loved ones.

Core Pillar04

Insight

Trip analytics, dark-matter styled Leaflet paths, speed violations log, and weekly safety grade score tracking.

Interactive Showroom

Eight pillars of safety. Try them live.

Each safety capability has been engineered for extreme efficiency. Explore the active sandbox controllers below to test out the logic, haptics, reverse-geocodes, and camera mesh modules directly on the landing page.

Feature 01 · Launch Flow

Splash & Permission Onboarding Gate

A futuristic loading sequence checks onboarding state and queries browser permissions before booting straight into the right experience.

  • Animated progress ring with React intervals
  • Native geolocation permission query checks
  • LocalStorage hook detects returning drivers
  • Blocking permission gate before any unsafe API call
Low-Latency Sandbox ReadyInteractive Simulator →
PWA ONBOARDING CONTROLLERStatus: IDLE

Co-Pilot Launcher Ready

Test the responsive boot & validation sequence

Feature 02 · Medical Profile

Smart Onboarding & Medical ID

Drivers set up name, blood group and up to three emergency contacts — importing them from the device address book with a single tap.

  • Native Web Contacts API interface mockups
  • Quick-select blood group buttons with glowing shadows
  • Validates and persists profile dispatch
  • Encrypted-by-design — all data stays in localStorage
Low-Latency Sandbox ReadyInteractive Simulator →
EMERGENCY MEDICAL ID CARDENCRYPTED LOCALLY

Suresh (Brother)

+91 98480 12345

Kin
Feature 03 · Active HUD

Home Dashboard & Co-Pilot HUD

Quick-read cards for live speed, safety score, road risk and SOS status, with a pulsing AI voice wave that animates while the co-pilot is active.

  • Custom clock hook + live geolocation watches
  • VoiceWave component with adjustable oscillations
  • Responsive grid that adapts to any mobile aspect ratio
  • One-tap entry into Drive Mode, Legal AI and Reporter
Low-Latency Sandbox ReadyInteractive Simulator →
ACTIVE AUDIO HUDMICROPHONE LISTENING

VOICE SENSING STATE ACTIVE

Mic Sensitivity thresholdLevel 3/5
Feature 04 · Live Lane HUD

Live AI Drive Mode (HUD + Object Detection)

High-contrast HUD with SVG lane overlays, bounding boxes on cars / pedestrians / bikes, and continuous GPS speed tracking from the browser.

  • Dynamic speed limit watch based on OSM details
  • Reverse Overpass query simulations
  • WebGL bounding box overlay mocks
  • Screen wake-lock toggle prevents phone sleeps
Low-Latency Sandbox ReadyInteractive Simulator →
VEHICLE TELEMETRY PANELOSM OVERPASS SYNC
CAR [Dist: 24m]

MaxSpeed

80 km/h

GPS Satellites

8 Lock

VEHICLE STATENORMAL ROAD RUN
Current Velocity65 km/h
Regulate simulated speedometer speed65 km/h
Feature 05 · Post-Drive Map

Post-Drive Summary & Map Analyzer

Every drive ends with a full report card — safety score, distance, harsh brakes and speed violations — plotted on a dark Leaflet map.

  • Interactive dark-matter styled Leaflet coordinates
  • Polyline tracks detailing speed violations
  • Filter segments by warning type (Harsh Brake, Speeding)
  • Weekly analytics grade comparisons
Low-Latency Sandbox ReadyInteractive Simulator →
TRIP LOG ANALYZERINDEXEDDB ROUTE CACHE
CartoDB Dark Tiles
Segment Summary94/100

Flawless highway cruise in Vijayawada bypass. Minor acceleration swings.

Feature 06 · AI Eyes Watch

AI Drowsiness & Fatigue Watch

MediaPipe FaceMesh draws facial landmarks in real time and computes the Eye Aspect Ratio to catch closed eyes and head nods within ~2s.

  • EAR threshold 0.22 eyes shut frame counter
  • 468 facial landmark mesh plot overlays
  • Vibration pulse haptic alert warning simulation
  • Auto-fallback to simulated mode if camera denied
Low-Latency Sandbox ReadyInteractive Simulator →
MEDIAPIPE FACEMESH COREDRIVING METRICS NORMAL
idx: 0
EAR: 0.26

Landmark State Parameters

· Active Eye Indices: [33, 133, 362]

· Haptic Vibration: Standby

· Alert Audio Alarm: Muted

Feature 07 · Legal Chatbot

AI Legal & Compliance Assistant

An interactive chat assistant for Indian traffic law — drivers ask about helmet fines, seatbelt rules, triple riding or drunk driving and get exact rules, fines and advice.

  • Traffic regulation keyword matching core
  • Fast response typewriting chat simulations
  • One-tap question chips for major penalties
  • Andhra Pradesh and Central legal advice indexes
Low-Latency Sandbox ReadyInteractive Simulator →
COMPLIANCE LAW CHATBOTAP & CENTRAL LAWS
Hello! Ask me any question about Indian road penalties or safety laws.
Feature 08 · Emergency SOS

Crash SOS + Civic Hazard Reporter

On detected collision, a 10-second countdown auto-dispatches SMS with medical ID and GPS coordinates. Drivers can also photo-report potholes.

  • Cancelable 10-second warning alert sequence
  • Formulated medical ID SMS template drafts
  • Civic department routing tags (NHAI / GHMC)
  • Image preview selector mock uploads
Low-Latency Sandbox ReadyInteractive Simulator →
SOS CRASH COMMAND DESKEMERGENCY CORE ACTIVATED

Impact Accelerometer Panel

Simulate a collision event to test the dispatch logic

Workflow Logic

Two co-pilot states. Always tracking.

SafeDrive AI operates as a background supervisor, seamlessly alternating between coaching and emergency response modes.

Prevention cockpit

Normal Live Coaching

System Active

Every trip, SafeDrive AI silently parses cameras and GPS logs, advising you on rules and speed zones.

  1. Phase 01

    Sense Real-Time Inputs

    MediaDevices query frames and live GPS tracks velocity with minimal overhead.

  2. Phase 02

    WebGL AI Mesh Analysis

    MediaPipe FaceMesh scores blink duration (EAR) and nods within ~2s.

  3. Phase 03

    Active Co-Pilot Alert

    System triggers custom voice prompts and haptic vibration alarms instantly.

Critical recovery

Accident Rescue Protocol

Emergency Safe

If a collision triggers the accelerometer, the app takes charge, querying hospital channels and alerting contacts.

  1. Phase 01

    Accelerated Deceleration Detect

    G-force triggers capture a rapid slowdown or emergency click.

  2. Phase 02

    Geocode Current Fix

    Reverse OSM queries resolve precise road, county and hospital details.

  3. Phase 03

    10s Cancel Countdown

    A robust cancel countdown prompts on screen to prevent false notifications.

  4. Phase 04

    Automated SMS SOS Dispatch

    System auto-generates emergency messages to trusted contacts.

System architecture

On-device AI. Low-latency logic.

Native browser APIs feed a React + MediaPipe core running in WebGL. A dedicated Web Worker manages coordinates tracking to IndexedDB in real time.

Telemetry Inputs

MediaDevices API
Geolocation API
Vibration API
Wake Lock API
Web Contacts API
Front Camera Feed

React + AI Sandbox

MediaPipe FaceMesh · WebGL WASM Processing · IndexedDB Worker

Co-Pilot Outputs

HUD Overlays
Voice Alerts
Leaflet Trip Map
SMS URI Dispatch
IndexedDB Logs
Haptic Pulses
Tech stack

Modern web. Engineered for the road.

A fully client-side architecture: React + TypeScript, MediaPipe in WebGL, Leaflet maps, Web Workers writing to IndexedDB — all delivered over HTTPS, no install required.

Core Frontend Framework

React 18Interactive Sandbox Core
TypeScriptType-Safe Contracts
Vite (Rolldown)Hyper-fast hot updates

Sleek Styling System

Tailwind CSS v4Utility-first variables
GlassmorphismPremium backdrop filters
Sleek OKLCH ThemesHarmonious safety neon colors

Client-Side Vision AI

MediaPipe FaceMesh468 Facial landmark trackers
TensorFlow.jsLow-latency browser inference
WebGL / WASM CoreGPU hardware acceleration

Maps & GIS Routing

Leaflet MapsLightweight raster overlays
OSM Overpass APIDynamic speed limit checks
CartoDB Dark MatterHigh-contrast nighttime tiles

Native Browser Sandbox

Geolocation WatchContinuous velocity parses
Vibrate HapticsAlert pulses on drowsiness
Wake Lock APIScreen-on keeping overrides

Concurrency & Storage

Web WorkersOff-thread IndexedDB logs
IndexedDB bufferResilient coordinates buffering
LocalStorageOffline profile cache
Key advantages

Designed for immediate impact.

A hyper-accessible, high-tech solution that aligns perfectly with Indian road conditions and the mission to scale safety nationwide.

Zero Install Footprint

Open the secure HTTPS link in Chrome or Safari and instantly boot the PWA driving helper.

On-Device Privacy First

Facial meshes run client-side in WebGL. Your video feeds never touch a cloud server.

Offline-Resilient Execution

Web Workers stream coordinate buffers into IndexedDB so trip data survives tab closures.

Indian Road Optimization

OSM parser parses specific speed limits and compliance penalties locally.

Full Safety Lifecycle

Covers the entire trip: smart onboarding, real-time alerts, SOS recovery, and civic reports.

Platform Agnostic

One unified codebase runs smoothly across Android and iOS browsers, minimizing overhead.

Honest constraints

Engineered with transparency.

We believe state-of-the-art products earn ultimate user trust by being completely transparent about hardware thresholds and limits.

HTTPS Context Required

Modern mobile browsers restrict webcam and GPS telemetry queries to secure contexts (HTTPS or localhost).

WebGL & WASM Dependency

Driver drowsiness tracking requires high-performance WebGL to keep landmarks at ≥12 FPS.

Client Storage Thresholds

All medical logs and trip histories stay on your device localstorage (~5MB limit). History may prune if memory runs low.

OSM Data Crowdsourced Gaps

Speed compliance boundaries rely on OpenStreetMap. Undocumented road speed boundaries fall back to road class averages.

Future scope

The road ahead.

A clear, ambitious technical roadmap to maximize driver safety while keeping the app lightweight and accessible.

Installable Offline PWA

Full service worker caching manifests for seamless offline-first execution on iOS and Android.

Anonymized Cloud Sync

Voluntary hazard alerts uploads and cross-device safety score history synchronizations.

Localized Fatigue Baselines

Tailored on-device driver landmark profiles that adjust limits automatically over time.

Predictive Safer Routing

Google Maps integration to suggest lower-risk travel alternatives matching past logs.

Live demo storyboard

A 5-step storyboard for the judges.

A seamless, end-to-end sandbox walkthrough showcasing driver prevention, law compliance, and emergency SOS alerts.

  1. Walkthrough Step 01

    Sandbox Launcher check

    Boot the client gate, request geolocations, and verify initial camera states.

    01
  2. Walkthrough Step 02

    Configure Medical Profile

    Input blood groups and import SMS contacts locally via Web Contacts API.

    02
  3. Walkthrough Step 03

    Dashboard HUD cruise

    Verify live speeds, custom Clock widgets, and micro-sensing voice indicators.

    03
  4. Walkthrough Step 04

    Drowsiness Alert check

    Simulate sleepy frames to trigger ear vibration pulses and audio sirens.

    04
  5. Walkthrough Step 05

    SOS & Hazard photologs

    Trigger 10s countdown to draft emergency SMS alerts and photo-report potholes.

    05
AP Road Safety Hackathon · Amaravati

Ready to witness SafeDrive AI in action?

Specifically engineered to scale co-pilot protection to millions of Indian drivers. Accessible directly in mobile browsers with zero extra hardware overhead.

View Safety Labs Back to top