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
Easily plan, allocate and visualize IPv4 subnets within a parent network. Avoid IP overlaps, optimize address space and get detailed network information instantly.
| Name | Network | Prefix | Usable Range | Broadcast | Hosts |
|---|
Enter container width, number of items, gap, and flex‑basis. See the resulting sizes instantly. Plan your flex layout.
Convert 3-digit capacitor codes (like 104, 222) to capacitance value in pF, nF, µF. Also converts back. Useful for reading tiny ceramic capacitors.
Find the ideal height to hang art based on wall and furniture dimensions. Follow gallery standard 57‑inch center rule.
Select character sets (Latin, Cyrillic, Greek) and generate the exact unicode‑range descriptor for your fonts. Improve performance.
Project your retirement savings growth with monthly contributions, employer match, and CAGR. Interactive chart. Financial data stays on your device.
Calculate how many bottles of puzzle glue you need based on puzzle dimensions. Save a trip to the store. Simple area math.
Type a password and see a bar that fills based on estimated bits of entropy. Color‑coded feedback. No storage.
Select meal type and recommended portion to see suggested plate diameter for appealing plating. Psychology of presentation.
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Enter frame dimensions to perfectly place keyhole slots so the picture hangs level. Includes printable mounting template.
Convert torque units between Newton-meter, foot-pound, inch-pound, and more. Essential for mechanics and engineers. Instant local conversion.
Enter spring constant and displacement to find force and stored energy. Visual compression.
Paste code and generate a beautiful, syntax‑highlighted PNG image. Choose theme and window style. Shareable code pics.
Generate Lorem Ipsum placeholder text for your designs and mockups. Specify paragraphs, words, or bytes. Produce classic or custom dummy content instantly.
Enter an amount and see a virtual stack of $100 bills with height comparison to everyday objects.
Enter dependencies in a simple text format and see a force‑directed graph of the project's dependency tree. For planning architectures.
Define password rules and see a live checklist that updates as you type. Design better password UX for your app.
Build a .editorconfig file by setting indentation, charset, and end‑of‑line rules for your project. Keep all contributors aligned.
Paste a screenshot or image, crop it, and add arrows, rectangles, and text. Essential for bug reports and tutorials.
Convert text to tap code (5x5 grid) and back. Learn the historical POW communication method.
Press Ctrl+V to paste an image from your clipboard into the page. See dimensions and download. Simple utility.
Experiment with JavaScript Intl.DateTimeFormat options. Choose locale, dateStyle, timeStyle, hour12 and see live output. Copy the code snippet for your project.
Enter your hole cards and the community cards to see probability of winning, drawing, etc. Simple simulation in browser. Educational, not gambling.
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Generate standard 1D barcodes including CODE128, EAN-13, and UPC-A. Download as image for product labeling or inventory. All processing happens locally.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Paste HTML/CSS snippets or enter properties to test how z‑index and stacking contexts interact. Real‑time example.
Generate the Koch snowflake fractal to a desired iteration level. See how the perimeter grows. Interactive geometric art.
Translate between binary and Gray code (reflected binary code). See the bit changes. Useful for digital logic.
Use the EyeDropper API to sample a color from anywhere on your screen. Click, select, and copy the hex. No extensions needed.