AgeLens AI - Face Age Detector and Estimator | HTML5 Template

AgeLens AI is a plug-and-play HTML5 + PHP template that estimates a person’s age from a photo or live camera capture using Google’s Gemini AI, with your API key kept safely server-side.

Demo >

AgeLens AI turns any photo into an instant, AI-powered age reading. Visitors upload a picture or snap one live with their camera, and Google’s Gemini AI analyzes the face to return an estimated age, a likely age range, a confidence score, and a few friendly observations — all in a beautifully animated “viewfinder” interface with a light and dark mode.

Built as an HTML5 + lightweight PHP template — no framework, no database, no build step — AgeLens AI drops straight onto any standard PHP-enabled host and is ready to monetize with ad slots and affiliate links out of the box. Your Gemini API key lives in a .env file and is used only by a small server-side handler, so it’s never exposed in your page source. Every non-sensitive setting — branding, theme, ad codes, copy tone — lives in one clean config file, so you can relaunch it under a new brand in minutes.

Perfect for:

• Viral “guess my age” social / entertainment sites
• Niche utility tools and lead-gen landing pages
• Flippable micro-SaaS / AI tool portfolios
• Agencies building quick AI-demo products for clients

Key Features

• Live AI analysis powered by Google’s Gemini Flash multimodal model
• API key kept server-side via a .env file + included PHP handler — never exposed in page source
• Upload or live camera capture, with drag-and-drop support
• Light & dark mode with a system-preference auto-detect and manual toggle
• ️ Clean split configuration — secrets in .env, everything else (branding, copy tone, monetization) in one config.js
• Monetization-ready — 3 configurable ad slots (AdSense/any network) + a generic-placeholder affiliate link strip, ready for your own offers
• Two copy tones built in — flip between “playful/viral” and “professional/utility” wording instantly
• ⚡ Client-side image resizing to keep API calls fast and cheap
• Privacy-conscious UX — clear on-page notice that photos aren’t stored server-side
• Fully responsive, keyboard-accessible, reduced-motion aware
• No framework, no database, no build step — HTML/CSS/vanilla JS + a few lines of PHP
• Full documentation included (documentation.html)

How it works

1. Visitor uploads a photo or captures one with their camera
2. The image is resized client-side and sent to the Gemini API
3. Gemini analyzes the face and returns a structured age estimate
4. The result renders in an animated instrument-style readout card

Requirements: A free or paid Google Gemini API key (aistudio.google.com), and standard PHP 7.4+ hosting with cURL enabled (virtually all shared hosting qualifies). No database or any fees beyond your own API usage (Gemini has a free tier).