Web ToolBox

Change Log

💅 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.