Real Caffeine Calculator answers the question everyone asks after an afternoon coffee: is this going to keep me up tonight? Log whatever you drank — pick from a library of over 30 real drinks like Starbucks orders, energy drinks, and tea, or enter a custom amount — and it shows exactly how much caffeine is still in your body right now, a chart of how it clears out over the next 24 hours, and the latest time you could safely have more before bed. You can even tune it to your own body, choosing between normal, fast, or slow metabolism, plus profiles for pregnancy and smoking, based on real published research on how differently people process caffeine. It runs entirely in your browser, so there's no account and nothing you enter ever leaves your device. Built with Astro, TypeScript, and Tailwind CSS, and hosted on Cloudflare.

This is where you tell the calculator what you actually drank. Add as many drinks as you like, each with its own time, picked from an organized list of categories — or just type in a custom amount if your drink isn't on the list.
The drink list covers more than 30 real options: a dozen coffee drinks including popular Starbucks sizes and strong brews like Death Wish, a dozen energy drinks like Bang, Reign, Monster, Celsius, and Red Bull in different sizes, plus teas, sodas, and a fully custom entry — each with an accurate caffeine amount already built in.

The results panel is the heart of the tool: a big, clear number showing how much caffeine is in your system right now, a plain-language status like "Safe to sleep" or "Too much for sleep," and a headline telling you the latest time you could still have a caffeinated drink and be fine by bedtime.
Below that, it shows when your caffeine will drop to a safe level, how much it's likely to disrupt your sleep (low, moderate, or high impact), and, if you entered your weight, how your intake compares to your body size. If you've gone over the FDA's recommended daily limit, a clear warning lets you know.

A chart plots exactly how your caffeine level will rise and fall over the next 24 hours, starting from your first drink. Color bands across the background make it easy to see at a glance when you're in a safe zone, a moderate zone, or a high zone.
Markers show exactly where "now" and your bedtime fall on the timeline, with a dot tracking your current caffeine level right on the curve. The whole chart updates live as time passes and adapts automatically if you switch between dark and light mode.

Below the calculator, a plain-language guide walks through the science behind it — what caffeine half-life actually means, how genetics change the way people process it, how the calculator's math works, why timing your last coffee matters for sleep, official daily limits, and how caffeine content compares across popular drinks.

A short FAQ answers the five questions people ask most — how the tool works, what half-life means, what a safe daily limit looks like, when to stop drinking caffeine before bed, and how body weight factors in. It's also structured so these answers can show up directly in Google search results.

For anyone who wants to double-check the science, a sources list links out to the actual research behind the calculator — from federal health guidance to peer-reviewed sleep studies to government food data — so nothing here is just made up.

The site looks great in dark mode by default, with a simple sun/moon button to switch to light mode whenever you prefer. Your choice is remembered for next time, and the page loads already in the right theme instead of flashing the wrong one first.
The decay chart updates its colors instantly whenever you switch themes, so it always matches the rest of the page.

On phones and smaller screens, the navigation tucks neatly into a hamburger menu that expands into a dropdown with a tap. It closes itself automatically once you tap a link or tap anywhere else on the page.

A simple About page explains what the tool does, how it works, and who it's for, with a quick-facts card summarizing the key science and privacy points at a glance.

A simple contact form lets visitors reach out directly with their name, email, subject, and message. It gives clear feedback the whole way through — showing when it's sending, confirming once it's sent, and letting you know if something went wrong.
