UD5 Toolkit
Push Notification Tester - Online Generate & Receive
Register a service worker, subscribe to push, and send a test notification using a VAPID key pair. Step‑by‑step demo.
Web Push Subscriber Demo - Online Test Notifications
Push Subscription
Not Subscribed
Checking browser support...
Send Test Notification
Activity Log
Awaiting actions...
Frequently Asked Questions
Web Push notifications are messages sent from a server to a user's browser, even when the website is not open. They are based on the Push API and Notifications API, and require a service worker to display notifications.
Click the "Subscribe" button above. Your browser will request permission, then register a service worker and generate a unique subscription including endpoint and keys. This subscription must be sent to your server to enable sending pushes.
VAPID (Voluntary Application Server Identification) keys are used to authenticate your server when sending push messages. You generate a public/private key pair. The public key is used in the subscribe call, while the private key stays on your server to sign requests.
Yes! The "Send Test Notification" button uses the browser's built-in Notification API to simulate a push notification. Real push requires a server to send messages to the push service.
Web Push is supported in Chrome, Firefox, Edge, Opera, and Samsung Internet. Safari has partial support (requires macOS 13+ and specific setup). Always test on your target browsers.
The Push API requires a secure context (HTTPS or localhost) to work. This ensures that subscriptions and push messages cannot be tampered with. Most browsers block Service Workers on insecure origins.
Web Notification Tester - Online Permission & Display
Check notification permission, request it, and send a test notification. Verify icon, body, and tag. Debug web push.
Web Push Debugger - Online Inspect Subscription & Events
See your current push subscription details. Trigger push and notificationclick events manually to debug.
Notification Permission Checker - Online Manage & Test
See your current notification permission status. Request or reset it. Test browser notification behavior.
Get Installed Related Apps Demo - Online PWA Detection
Check if your related native or PWA app is installed. See the API in action and copy the code.
API Status Checker - Online Test Endpoint & Response
Enter an API URL and quickly check its HTTP status code and response time. See response headers and body. Browser fetch.
WebAuthn Demo - Online Register & Authenticate
Create a passkey and authenticate using the Web Authentication API. Supports platform authenticators (TouchID, FaceID). No server.
Popcorn Yield Calculator – Online Kernels to Popped Volume
Enter amount of kernels and see estimated popped volume. Plan movie night snacks perfectly.
30-Day Gratitude Challenge Tracker – Online Daily Log
Commit to 30 days of gratitude. Write 3 things each day, see progress. Data stays local. Mood boost habit.
Grid Overlay Tester – Overlay Custom Grids on Live Sites
Enter a URL and apply a custom CSS grid overlay to check alignment. A quick frontend design tool for verifying column placement and baseline grids.
Speech Live Counter - Online Count Spoken Words
Speak into the mic and see a live transcript with word count. Uses the Web Speech API. Nothing is stored.
CSS Anchor Positioning Demo - Online Popover to Anchor
Position a popover relative to its anchor element with the new CSS anchor positioning. Adjust and copy the code.
Coin Toss History & Statistics - Online Fairness Tracker
Flip a coin and track your full history. See percentage of heads/tails and longest streak. Pure RNG, no bias.
Human Beatbox Soundboard – Online Play & Record Beat
Click pads with mouth drum sounds (kick, hi‑hat, snare) to create a beatbox rhythm. Record & playback.
Dice Roll Probability Calculator - Online Sum & Graph
Select the number and type of dice, then view the exact probability for each possible sum as a bar chart. Great for board game strategy. Local computation.
Holiday Countdown Tracker – Online Days Until Halloween, Christmas, etc.
Shows live countdown to major holidays and allows custom ones. Visual calendar. Local browser storage.
Positive Affirmation Generator - Online Daily Inspiration Card
Click to receive a random positive affirmation. Save favorites locally. A simple tool to boost your mood and mindset.
Sticker Reward Board – Online Digital Sticker Chart for Kids
A digital sticker board where kids can place virtual stickers for completed chores or goals. Encourages positive behavior with no paper waste.
Daily Virtual Water Tracker – Online Diet & Habits Footprint
Select your average daily meals and habits to see how much virtual water you consume. Environmental awareness tool.
Habit Tracker - Online Free Daily Routine Builder
Build good habits by tracking daily completions. Visualize streaks and progress. Pure browser storage keeps your habit data private and offline-capable.
Sample Size Calculator - Online Survey & A/B Test Tool
Determine the minimum sample size needed for a survey or A/B test with a given confidence level and margin of error.
Body Fat Percentage Calculator - Online US Navy & BMI Method
Estimate body fat percentage using the US Navy circumference method or BMI-based formula. Private and instant, all data stays on your device.
Blood Donation Eligibility Checker - Online Quick Questionnaire
Answer a short questionnaire based on common deferral criteria (travel, medication, tattoos) to see if you may be eligible to donate blood. Educational only.
Habit Contract Builder – Online Create Commitment Statement
Write a self-contract with a goal and reward/penalty. Sign digitally, save as image. Stay accountable.
Whisker Fatigue Bowl Checker – Online Measure Your Cat's Bowl
Enter bowl diameter and depth to assess whisker stress risk. Get bowl recommendations. Feline wellness.
Gratitude Journal with Daily Prompts - Online Private Diary
Write a private gratitude entry guided by daily reflective prompts. All entries stored only in your browser with optional export as text file. No account needed.
Body Measurement Log – Online Chest, Waist, Hip, Arm Progress
Enter and track key body circumferences over time. See inch/centimeter changes and chart progress. Local storage.
Seasonal Home Maintenance Checklist – Online Fall/Spring Tasks
Select month and get a to‑do list (clean gutters, check weatherstripping). Local storage, printable.
Waist‑to‑Hip Ratio Calculator - Online Body Shape Health Indicator
Measure your waist‑to‑hip ratio and learn about associated health risks. WHR interpretation. Educational only.
Child Support Estimator – Online Simple State Guideline Calculator
Approximate monthly child support obligation based on both parents incomes and number of children. Uses simplified model for educational reference. Not legal advice.