CSS clip‑path Circle & Ellipse Generator - Online
Create circular and elliptical clip paths visually. Adjust radius and position. Copy the CSS. For avatars and masks.
UD5 Toolkit
Create printable pace bands for your ultra marathon. Perfect for wristbands, race day pacing & aid station tracking.
For 100-mile races, create two pace bands — one optimistic (A-goal) and one realistic (B-goal). Conditions change dramatically after 50+ miles. Having a backup pace band prevents discouragement if you fall behind early splits. Also consider printing your band on waterproof paper (Rite in the Rain) — sweat and creek crossings are part of the ultra experience!
Create circular and elliptical clip paths visually. Adjust radius and position. Copy the CSS. For avatars and masks.
Choose where page breaks should occur for printing. Get the break‑before, break‑after, and break‑inside CSS.
Build a conic gradient with any number of color stops. Visual editor. Ideal for creating pie charts or colorful spinners.
Generate a CSS background that shows a baseline grid. Adjust line‑height and offset. Perfect for aligning text.
Create CSS clamp() values for fluid typography. Enter min and max font sizes and viewport widths. Modern responsive design.
Log individual leaf cuttings, track callousing and root development days. Identify which leaves are most viable.
Enter air and snow temperature plus humidity to get the right glide wax color (Swix/Toko). Perfect kick and glide.
Place two containers side by side to see how inline‑flex differs from flex. Understand block vs inline formatting.
Enter the characters you need and generate a smaller font file from a TTF/OTF. Keep only the glyphs you use. Using harfbuzz WASM.
Rate symptoms severity daily and add notes. Visual pain map. Export for doctor visit. Private local storage.
Get endless 'Never Have I Ever' statements for your group. Clean and spicy modes. No installation, just pick up and play.
Click for a curated motivational quote from famous figures. Share on social media with a single tap. Uplifting.
Estimate how long it takes to download/upload a file given bandwidth speed. Also convert between bits and bytes.
Adjust speed and see how dynamic pressure changes. Visualize how a pitot tube measures airspeed. Aviation & physics demo.
Generate random truth questions and dares for game night. Categories for kids, teens, and adults. No repeats, all client-side fun.
Compare different grid track sizing methods: fr, auto, minmax(), and fixed values. See how they respond to content.
See how align‑items: baseline works in grid to align different font sizes on the same baseline. Visual guide.
Simulate memory page reference strings with FIFO, LRU, and Optimal algorithms. See page fault count. OS concept demo.
Calculate the probability of exactly k successes in n independent Bernoulli trials. Step-by-step result. Local.
Log leftovers with date stored and set visual alerts when they need to be eaten. Reduce food waste. Local storage.
Load any variable font from Google Fonts or local file and play with weight, width, slant, and custom axes. Download CSS.
A completely black page to save battery on OLED devices. Click to go fullscreen. Simple utility.
Plan a party or event budget by category (venue, food, decorations). See total and cost per guest. Export summary.
Paste a list of foreground/background color pairs and instantly see which pass AA/AAA. Perfect for checking entire style guides.
Compare different insulated containers by their ice retention time based on ambient temperature. Help choose the right bottle for a hot hike.
Create a custom cookie consent banner with text, button styles, and colors. Copy the ready‑to‑use HTML/CSS/JS snippet.
Create a shadow that appears when a container is scrollable. Pure CSS using background attachments. Copy the style easily.
Fetch a page and list all loaded assets (CSS, JS, images) with their sizes. See total page weight. Quick performance check.
Connect to a WebTransport server and exchange data over QUIC. See latency and throughput. Perfect for exploring low‑latency real‑time APIs.
Establish a peer‑to‑peer text chat between two browser tabs or devices using WebRTC data channels. All signaling via copy‑paste. No server.