Flex‑Basis Calculator & Visualizer - Online CSS Flex
Enter container width, number of items, gap, and flex‑basis. See the resulting sizes instantly. Plan your flex layout.
UD5 Toolkit
See if you're on track to retire comfortably. Adjust your savings, investment returns, and expenses to build a plan that actually works.
Enter your details and click Calculate.
This calculator uses a growing annuity formula to determine how long your savings will last, accounting for both investment returns and inflation.
Enter your details to see how close you are to your retirement goal.
Enter container width, number of items, gap, and flex‑basis. See the resulting sizes instantly. Plan your flex layout.
Enter your hole cards and the community cards to see probability of winning, drawing, etc. Simple simulation in browser. Educational, not gambling.
Find the ideal height to hang art based on wall and furniture dimensions. Follow gallery standard 57‑inch center rule.
Convert 3-digit capacitor codes (like 104, 222) to capacitance value in pF, nF, µF. Also converts back. Useful for reading tiny ceramic capacitors.
Enter spring constant and displacement to find force and stored energy. Visual compression.
Define password rules and see a live checklist that updates as you type. Design better password UX for your app.
Enter an amount and see a virtual stack of $100 bills with height comparison to everyday objects.
Fill in your details and instantly get a clean, printable one-page resume. No sign up, no data leaves your browser.
Convert torque units between Newton-meter, foot-pound, inch-pound, and more. Essential for mechanics and engineers. Instant local conversion.
Paste a screenshot or image, crop it, and add arrows, rectangles, and text. Essential for bug reports and tutorials.
Enter frame dimensions to perfectly place keyhole slots so the picture hangs level. Includes printable mounting template.
Calculate how many bottles of puzzle glue you need based on puzzle dimensions. Save a trip to the store. Simple area math.
Visually design a custom :focus‑visible outline style. Copy the CSS. Better than the default.
Fill in a form to generate a clean, ATS‑friendly one‑page resume. Customize sections, colors, and export as print‑ready PDF. Personal data stays in your browser.
Enter an IP and CIDR prefix to visually see network address, broadcast, usable range, and subnet mask conversions.
Select meal type and recommended portion to see suggested plate diameter for appealing plating. Psychology of presentation.
Create outlined text with the text‑stroke property. Adjust width and color. Preview and copy the CSS.
Create a simple 4-shaft weaving draft by clicking warp/weft threads. See plain weave, twill, satin. Educational for weavers. Local only.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Generate the Koch snowflake fractal to a desired iteration level. See how the perimeter grows. Interactive geometric art.
Test your device's built‑in biometric (Touch ID, Face ID, Windows Hello) using the Web Authentication API. Register and verify.
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Use the EyeDropper API to sample a color from anywhere on your screen. Click, select, and copy the hex. No extensions needed.
Type a password and see a bar that fills based on estimated bits of entropy. Color‑coded feedback. No storage.
Interactive check: if your tile backsplash or paneling adds thickness, determine if you need box extenders.
Select wood thickness and type (soft/hardwood) to get the recommended pocket hole screw length and jig setting. Professional joinery.
Create a 'SALE' or 'NEW' corner ribbon in pure CSS. Adjust colors, position, and text. Great for e‑commerce.
Build a .editorconfig file by setting indentation, charset, and end‑of‑line rules for your project. Keep all contributors aligned.
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Translate between binary and Gray code (reflected binary code). See the bit changes. Useful for digital logic.