Password Bit Strength Visualizer - Online Security Meter
Type a password and see a bar that fills based on estimated bits of entropy. Colorâcoded feedback. No storage.
UD5 Toolkit
Type your password and see how it stacks up against security policies in real time.
All checks run locally in your browser. Nothing is ever sent anywhere.
Type a password and see a bar that fills based on estimated bits of entropy. Colorâcoded feedback. No storage.
Enter container width, number of items, gap, and flexâbasis. See the resulting sizes instantly. Plan your flex layout.
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Project your retirement savings growth with monthly contributions, employer match, and CAGR. Interactive chart. Financial data stays on your device.
Visually design a custom :focusâvisible outline style. Copy the CSS. Better than the default.
Enter an amount and see a virtual stack of $100 bills with height comparison to everyday objects.
Use the EyeDropper API to sample a color from anywhere on your screen. Click, select, and copy the hex. No extensions needed.
See the difference between :focus and :focusâvisible on interactive elements. Learn which to use for better UX.
Design layered box shadows interactively and get the CSS code in real time. Adjust offset, blur, spread, and color. Essential tool for UI designers.
Generate the Koch snowflake fractal to a desired iteration level. See how the perimeter grows. Interactive geometric art.
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Create outlined text with the textâstroke property. Adjust width and color. Preview and copy the CSS.
Visually experiment with Flexbox container and item properties. See the layout update in real time and copy the CSS. Learn by doing, fully interactive.
Design neumorphic elements by adjusting boxâshadow parameters. Realâtime preview and CSS output. For modern soft UI interfaces.
Interactively add and adjust multiple box shadows on a sample element. Drag sliders for offset, blur, spread, and color. Copy the clean CSS code instantly.
Upload an image and get a suggested alt text description using a local vision model (WASM). Improve SEO and accessibility fast.
Set up a Shared Worker that shares state across multiple browser tabs. Counter and messaging demo. Advanced web.
Build a .editorconfig file by setting indentation, charset, and endâofâline rules for your project. Keep all contributors aligned.
Test your device's builtâin biometric (Touch ID, Face ID, Windows Hello) using the Web Authentication API. Register and verify.
Paste code and generate a beautiful, syntaxâhighlighted PNG image. Choose theme and window style. Shareable code pics.
Find the ideal height to hang art based on wall and furniture dimensions. Follow gallery standard 57âinch center rule.
Generate a random HTML/CSS card with different box model properties. Inspect and guess the size. For learners.
Learn how to let content extend a few pixels beyond a clip boundary with overflowâclipâmargin. Interactive playground.
Enter dependencies in a simple text format and see a forceâdirected graph of the project's dependency tree. For planning architectures.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Create a 'SALE' or 'NEW' corner ribbon in pure CSS. Adjust colors, position, and text. Great for eâcommerce.
Paste a screenshot or image, crop it, and add arrows, rectangles, and text. Essential for bug reports and tutorials.
Select plant type and pot size, click through a visual guide to perform a finger test and decide when to water.
Change all alignment and justification values and see the flex items move. Indispensable for learning Flexbox.
Create colorful digital sticky notes on a corkboard. Drag, edit, and delete. Notes persist in local storage. No login.