Web ToolBox

Change Log

🔄 Code Tool Updates

  • Updated JSON Formatter

    • Object keys can now be sorted
    • Syntax errors now show line and column
    • Common input mistakes can now be repaired automatically

  • Updated JWT Decoder

    • Time-based claims such as expiry can now be read as dates
    • Errors now describe the problem instead of showing a library message

  • Updated UUID Validator

    • Validation results now update automatically as you type

🔄 Security Tool Updates

  • Updated Password Generator

    • Passwords are now regenerated automatically when settings change
    • Each password can be copied per row, with copy-all and CSV export

  • Updated UUID/GUID Generator

    • Now supports versions v4 and v7
    • Quantity up to 1000, with list display, per-row copy, and CSV export

  • Updated ULID Generator

    • Generation methods: default, time seed, and monotonic
    • Quantity up to 1000, with list display, per-row copy, and CSV export

  • Updated SHA Hash Generator

    • SHA-256, SHA-512, SHA-384, SHA-1, and MD5 are now calculated together in one list
    • Output format can be lowercase HEX, uppercase HEX, or Base64

  • Updated CSP Parser

    • Audit results and the policy breakdown now appear as card lists
    • A sample button lets you try the tool right away

  • Updated Credit Card Validator

    • The breakdown of checks and the Luhn calculation steps are now visible
    • Test number presets, visibility toggle, and auto-formatting are now supported

🔄 Calculation Tool Updates

  • Updated Aspect Ratio Calculator

    • Two tabs are now a single screen
    • Picking a preset now updates dimensions while keeping the longer side
    • The resulting ratio can be copied as a CSS aspect-ratio value or a Tailwind class
    • Orientation and a preview show the shape of the ratio

  • Updated Golden Ratio Calculator

    • The ratio lineup changed, adding the second silver and bronze ratios
    • Entering the long side, short side, or whole automatically calculates the remaining dimensions

  • Updated Nested Border-Radius Optimization

    • Calculates in both directions, from outer to inner and from inner to outer
    • Spacing can be set uniformly or as separate vertical and horizontal values
    • Common radius and spacing combinations are available as presets

  • Updated Percentage・PX Calculator

    • Entering either the percentage or the px value now updates the other automatically
    • Each row of the common-percentage list can be copied directly
    • The decimal-places setting is gone; percentages use 2 digits and px values use 1

  • Updated PX・Rem Calculator

    • Entering either the px or the rem value now updates the other automatically
    • Each row of the common-px list copies its rem value directly
    • The decimal-places setting is gone; values use up to 4 digits without trailing zeros

🔄 Network Tool Updates

  • Updated IP Address Checker

    • IPv4 and IPv6 reachability can now be checked separately
    • Added ISP (ASN), country, and city details along with the User-Agent, HTTP protocol, and TLS version the server receives

  • Updated Subdomain Lookup

    • Results can now be filtered, sorted by last-seen date or name, and the shown rows copied in one go
    • URLs can now be pasted as-is for search

🔄 Text Tool Updates

  • Updated Character Counter

    • Emoji and rare kanji are now counted as single characters
    • A trailing line break is no longer counted as an empty line

  • Updated Word Counter

    • Contractions and accented words are now counted correctly as single words
    • Added lexical diversity to Text Analysis
    • A trailing line break is no longer counted as an empty line
    • Added search to the word list and a speaking time estimate
    • The default reading speed is now 225 WPM, with Slow, Standard, and Fast presets

  • Updated HTML Tag Remover

    • Paragraph and heading breaks are now kept as line breaks, and entities such as & return to the original characters
    • Script and style contents are now removed
    • Added character counts and settings for line breaks, whitespace, and script/style removal

  • Updated Line Break & Whitespace Remover

    • Line breaks can now be replaced with spaces to join lines
    • Added an option to remove invisible whitespace characters such as non-breaking spaces

  • Updated Text Line Joiner

    • A trailing line break is no longer treated as an empty line

  • Updated Text Sorter

    • Removed random shuffling
    • Added options to ignore empty lines and to trim line whitespace
    • Lines that differ only in whitespace are now collapsed as duplicates

  • Updated Text Duplicate Remover

    • Duplicate lines are now removed correctly regardless of line break style
    • A trailing line break is no longer treated as an empty line

  • Updated Text Prefix Suffix Adder

    • A trailing line break no longer produces an extra line in the output

  • Updated Text Case Converter

    • Multi-line input is now converted line by line
    • Added SCREAMING_SNAKE_CASE

  • Updated Lorem Ipsum Generator

    • Japanese text is now built from a real-sentence corpus that includes openings by Natsume Sōseki and Miyazawa Kenji
    • Paragraphs and sentences can now be copied individually

  • Updated Text Diff Checker

    • The diff now shows in real time, and the Compare button is gone
    • The characters that changed inside a line can now be emphasized
    • Diff blocks can now be moved between with buttons or Alt+↑↓
    • The diff can now be copied as a unified diff

🔧 Improvements

  • Reorganized the tool categories to group tools by what they work with, not what they do

  • Cleaned up the tags around tool functions

    • Removed tags that duplicated categories and consolidated them into function tags such as Generate, Convert, and Format
    • Related tools on tool pages now show tools from closer areas

💅 Design Refresh

We refined the site's appearance and usability across the board.

  • Reworked the main screens, including tool cards, tool pages, and the top page
  • Cleaned up spacing and widths so headings, descriptions, and action buttons line up consistently
  • Refreshed the tool icons and the fonts used for the logo and headings

🔜 Coming Next

We're improving both the tools and their design, and will keep rolling out usability updates over time.

🔧 Improvements

  • Added ratio and density columns to word frequency in Word Counter

    • The ratio column supports sorting and CSV export
    • The density column shows frequency skew at a glance with bars

💅 UI/UX

  • Redesigned the Color Contrast Checker

    • Added brand-inspired presets so you can try real-world color schemes with one click
    • Added a live preview card with heading and body text to show how the colors look in a realistic UI context

💅 UI/UX

  • Added a settings sidebar.
    Manage your language, theme, accent color, and new options like font switching and reload protection in one place.
    Access it anytime from the settings icon in the header.

✨ New Tools

🎉 Web ToolBox now includes 80 tools.

  • Added Squircle Generator

    • Generate squircle clip-path values and SVG code for icons, cards, and other soft-corner UI shapes

  • Added Text Splitter

    • Split text into one item per line by delimiter, with support for excluding empty items and keeping delimiters in the output

💅 UI/UX

  • Improved the preview area and editor UI in OGP Checker and OGP Image Simulator

    • Improved the preview area so the X and Facebook previews look more consistent
    • Refined the OGP Image Simulator meta fields and image selection UI, with support for adding and removing images

💅 UI/UX

  • Improved the picking UI in Color Eyedropper

    • Added a crosshair and magnified lens so you can inspect pixels before picking a color
    • You can keep clicking across the preview to collect colors in sequence

Word Counter Enhancements

Added new features to Word Counter for more detailed text analysis.

New Features

  • Reading Speed (WPM) - Adjustable from 100 to 600 and reflected in estimated reading time
  • Stop Word Exclusion - Exclude function words such as the, is, and at from word frequency counts
  • Case Sensitivity Option - Choose whether word frequency counts distinguish between uppercase and lowercase. The default is now case-insensitive, which is a breaking change. Turn the option on if you need the previous behavior

Improvements

  • Improved sentence detection accuracy, including abbreviations like Dr. and Mr. and ellipses
  • Refined the UI layout to show count results in an easier-to-scan grid

UI Improvements

  • Improved the overall design of the tools
  • Adjusted the styling of tool documentation for better readability

✨ New Features

  • Added Pixel Art Converter

    • Convert photos and illustrations into retro pixel art with two conversion modes and seven size levels
    • Fine-tune the settings while checking the result in real time

🚀 Infrastructure Changes

While this doesn't directly change how you use the site, we've moved the infrastructure from AWS (S3 + Lambda) to Cloudflare Workers.

The frontend and backend now share a unified codebase, which should improve development efficiency and may also make room for tools we couldn't offer before.

You don't need to do anything — the site works just as before.

✨ New Tools

  • Added Credit Card Validator

    • Check credit card numbers with the Luhn algorithm
    • Automatically identify card brands such as Visa, MasterCard, and American Express

✨ Enhancements

  • Enhanced Word Counter

    • Expanded the text analysis features to show more detailed information
    • Added paragraph and sentence analysis to make text structure easier to understand

  • Improved Color Themes

    • Added a modern, high-contrast black theme inspired by shadcn

🐛 Bug Fixes

  • Fixed several minor UI issues to improve the overall experience

✨ New Features

  • Added Text Line Joiner

    • Join multiple lines into a single line, with support for custom delimiters and automatic blank-line skipping

  • Added Text Duplicate Remover

    • Remove duplicate lines from text, with options for case sensitivity and blank-line handling

🔧 Improvements

  • Reworked tool categories for more intuitive navigation

    • Grouped related tools together
    • Refined category labels
    • Improved tool search accuracy

👀 Highlights

✨ CSS Filter Generator Added

  • CSS Filter Generator

    • Preview filter adjustments in real time
    • Adjust blur, brightness, contrast, saturation, and more with sliders

✨ Image Compare Slider Enhanced

The Image Compare Slider can now compare not only the look of images, but also details such as file size, last updated date, and dimensions.

We also streamlined the UI so the tool takes fewer steps to use.

Other Updates

  • Improved performance when converting multiple images in the Image Base64 Encode tool

✨ New Tools

🔥 Tool Categories Reorganized

To make tools easier to browse, we added a new "Color Tools" category. It groups color-related tools together and also reorganizes several existing tools so they're easier to find.

We'll keep refining the tools and categories over time.

✨ New Tools

  • SVG to CSS

    • Convert SVG data into a format you can use as a CSS background-image

🔥 Enhancements

Added a new input-from-file option to tools that use textareas. Besides typing directly, you can now upload a file and load its contents more easily. Multiple file sources are supported, making data input more flexible.

Policy Updates

Updated parts of the Privacy Policy and Disclaimer.

Tool Enhancements ✨

For convenience, the JSON/YAML conversion tool was split into two separate tools for one-way conversion.

The JSON to YAML tool also now supports several conversion options.

Other Changes

  • Adjusted the site-wide UI
  • Updated libraries
  • Added new OG images

✨ New Tools

  • Added Text DIFF Checker

    • Compare two texts side by side and see differences visually
    • Useful when you want to inspect small changes in documents or code
    • Comparison runs entirely in the browser, so you can keep your input data local

👀 Highlights

We migrated Web ToolBox from Vuetify to Nuxt UI and reworked the site from the ground up.
This refresh covers not only the visual design, but also usability and the foundation for future improvements and expansion.

Along with the migration, we reorganized large parts of the codebase and rebuilt many screens and tools. That includes plenty of smaller improvements not listed here.

🔧 Tool Improvements

💖 Added Favorites

You can now save tools to your favorites.
Favorited tools appear directly in the side navigation, making frequently used tools easier to open.

🎨 Added Theme Support (Experimental)

Added a theme color switcher to the site.
You can choose from Indigo, Blue, Green, Emerald, Amber, and Slate from the color palette in the header menu.

The theme feature is experimental and may change in the future.

✨ New Tools

Both are simple tools that are handy for everyday text processing and URL inspection.

🔧 Tool Improvements

  • Reviewed features and internal processing in several tools
  • Simplified how minor changes are listed so this page stays focused on larger updates

🎨 UI Improvements

  • Removed flag icons from the language switcher
  • Replaced the Twitter icon with X
  • Made a number of smaller UI adjustments across the site

🐛 Bug Fixes

  • Fixed several issues in tools and internal processing

Image Base64 Encoder Improved

We expanded the output formats in Image Base64 Encoder, so converted Base64 data can now be used in multiple formats.

  • Raw Base64 data
  • Base64 data with a Data URI
  • HTML img tags
  • CSS background-image properties

That makes it easier to choose the right format for the job and reuse image data directly in web development work.
We also revisited the output UI and internal processing to improve usability and performance.

Design Changes

Made smaller design adjustments across the site.

Bug Fixes

  • Fixed an issue where the OGP Image Simulator could fail to render OGP images correctly
  • Fixed a bug where the Base64 Encoder always converted output to the URL-safe format
  • Fixed several other minor issues

✨ New Tools

We added two tools for checking and extracting colors.

  • Color Eyedropper - Extract Color from Image

    • Pick a color directly from an image and view it as a color code right away
    • It uses the browser's EyeDropper API, so there are some limitations, but it's handy when you want to inspect colors quickly

  • Color Code Extractor

    • Extract the colors used in an image in one go
    • Adjust the extraction options to quickly see the overall color tendencies in the image

Framework Upgrade

As part of the internal updates, we also refreshed the frameworks we use.

  • Upgraded Nuxt to the latest version available at the time
  • Upgraded Vuetify to the latest version available at the time

This also helped improve site-wide performance.

Biggest Update Since Launch

Since Web ToolBox first went live, this is one of the biggest updates yet.
In addition to the tools and improvements we've built up over time, this release revisits the foundation of the site itself.

Here are the main changes.

  • Updated from Nuxt 2 (Nuxt Bridge) to Nuxt 3
  • Updated from Vuetify 2 to Vuetify 3
  • Updated various libraries
  • Improved and refined existing tools
  • Improved performance
  • Refreshed the interface and color design for a more user-friendly experience

Why This Was a Major Update

This update centered on moving to Nuxt 3 and Vuetify 3 and reworking an aging setup.
The goal wasn't just to keep up with new versions, but to reshape the project so new tools and improvements are easier to build going forward.

The migration involved plenty of breaking changes, and updating the related libraries made it a substantial piece of work. Still, by reorganizing the structure and revisiting the codebase from end to end, we were able to improve both usability and performance.

This release doesn't add new tools, but it marks an important milestone as groundwork for what comes next.
We already have more tools we'd like to add, along with requests we've received, so we'll keep expanding the toolbox over time.