UD5 Toolkit
Glassmorphism Card Builder - Online Frosted UI Developer
Create a frosted glass card with background blur, border glow, and shadow. Adjust intensity. Copy the CSS.
Markdown Slide Deck - Online Presentation Builder
Markdown Editor
Use
--- to separate slides
Slide Preview
Copied to clipboard!
CSS contain Property Demo - Online Layout & Paint Isolation
Toggle contain: strict, content, paint, layout and see how it affects rendering. Understand isolation for faster pages.
CSS Typed OM Playground - Online attributeStyleMap Explorer
Manipulate CSS values as typed objects using attributeStyleMap. Convert between CSSUnitValue, CSSMathSum, etc. Futuristic CSS‑in‑JS.
CSS appearance Property Demo - Online Reset Native Styles
Reset native styling on form elements with appearance: none. See before and after. Essential for custom forms.
CSS Cascade Layers (@layer) Playground - Online Editor
Understand @layer by visually ordering style layers and seeing which rules win. Fix specificity battles. Modern CSS architecture.
Logical Properties Playground - Online RTL & Writing Mode
Swap between physical and logical properties (margin‑inline vs margin‑left). Live preview with writing‑mode. Internationalize your CSS.
CSS Variable Theme Builder - Online Light & Dark Mode
Define a set of colors for light and dark themes. Get the CSS custom properties snippet. Toggle live.
Credit Card Utilization Calculator – Online Ratio & Score Effect
Enter total balance and limit to see utilization percentage. See how it affects credit score bands.
Dark Mode Toggle Demo - Online Respect System Preference
Implement a dark/light theme toggle that respects prefers‑color‑scheme. Copy the complete JavaScript and CSS.
How Many Days Until Christmas? - Online Live Countdown
A festive, full‑screen countdown showing the exact days, hours, and minutes until December 25th. Snow effect.
Superpower Randomizer – Online Generate Unique Abilities
Click to get a random, unique superpower with a description. Perfect for character creation or daydreaming.
Timecard Calculator - Online Work Hours & Timesheet
Calculate total work hours and pay from time-in/out entries. Supports overtime and breaks. Generate a printable timesheet. All local.
CSS Specificity Auditor - Online Sort & Find Overrides
Paste your CSS and see rules sorted by specificity. Find overrides and potential collisions. Understand your cascade.
Random Superpower Generator - Online Create Hero Abilities
Get a random, unique superpower with a detailed description and limit. Perfect for character creation or daydreaming.
Resource Timing Viewer - Online See All Asset Loads
List all resources loaded by the current page and their detailed timing breakdown. In‑browser waterfall.
CSS Custom Property Extractor - Online List & Copy Root Vars
Paste your stylesheet and get a clean list of all custom properties defined under :root. Copy the whole block. Local analysis.
Mortgage Overpayment & Amortization Calculator - Online
See how extra monthly or lump‑sum payments reduce your mortgage term and total interest. Dynamic chart. All local calculation.
Guest Wi‑Fi Login Card – Online Printable Access Page
Enter network name and password to generate a stylish printable card for visitors. Local, no data leak.
Sourdough Hydration Calculator - Online Bread Baker's Tool
Calculate flour, water, starter amounts to achieve a target loaf hydration. Adjusts for starter hydration. Instant local calculation.
Sunset Alarm – Online Snooze Based on Tonight's Sunset Time
Set an alarm relative to today's sunset (e.g., 30 minutes before). Perfect for evening routines. Uses geolocation (optional).
Webpage to PDF - Online Print & Save as Document
Enter a URL and instantly generate a PDF version using the browser's print-to-pdf engine. Private, no upload.
Battery Life Calculator - Online Device Runtime Estimator
Estimate how long a battery will last given capacity (mAh/Wh) and load current. Also computes backup time for power banks. Quick and local.
Golden Hour & Blue Hour Calculator – Online Sunrise/Sunset Light
Enter a date and location (or use GPS) to see exact golden hour and blue hour times for perfect natural light.
Webpage to PDF Printer - Online Save as Document
Enter a URL and instantly generate a PDF version using the browser's print-to-pdf engine. Private, no upload.
Debt Payoff Strategy Comparison – Online Avalanche vs Snowball
List your debts and compare the total interest paid using avalanche vs snowball methods. Pick the best strategy.
Paint Timing API Monitor - Online FP, FCP & LCP
Access the Paint Timing API and display First Paint, First Contentful Paint, and Largest Contentful Paint times. Quick perf check.
Soft Wash Mix Calculator – Online Bleach & Water Ratio
Mix sodium hypochlorite with water to get the correct % concentration for soft washing. Safety note.
Reptile Shedding Logger – Online Track Stages & Humidity
Log shedding events, note duration, and track humidity to optimize next cycle. Healthy scales.
Plein Air Painting Checklist – Online Outdoor Supply List
Checklist for plein air painting gear based on medium (oil, watercolor, etc.). Don't forget anything.
Priority Matrix Tool – Online Eisenhower / Impact Effort Grid
Drag tasks into a 2x2 grid (Urgent vs. Important or Impact vs. Effort). Visual decision aid. Local.