---
title: "Change Log | Web ToolBox"
description: "This page provides the change log for Web ToolBox. Check out the latest information on new features, improvements, and bug fixes."
canonical_url: "https://web-toolbox.dev/en/changelog"
meta:
  author: K
  "og:description": "This page provides the change log for Web ToolBox. Check out the latest information on new features, improvements, and bug fixes."
  "og:image": "https://web-toolbox.dev/og/en/changelog-5f1cd3cc.png"
  "og:image:alt": "Change Log"
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "Change Log | Web ToolBox"
---

> Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt)

# **Change Log**

## 🔄 Code Tool Updates

- Updated [**JSON Formatter**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/uuid-validator)
  - Validation results now update automatically as you type

## 🔄 Security Tool Updates

- Updated [**Password Generator**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/uuid-generator)
  - Now supports versions v4 and v7
  - Quantity up to 1000, with list display, per-row copy, and CSV export
- Updated [**ULID Generator**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/nested-border-radius-calculator)
  - 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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/line-break-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**](https://web-toolbox.dev/en/tools/text-line-joiner)
  - A trailing line break is no longer treated as an empty line
- Updated [**Text Sorter**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/text-prefix-suffix)
  - A trailing line break no longer produces an extra line in the output
- Updated [**Text Case Converter**](https://web-toolbox.dev/en/tools/text-case-converter)
  - Multi-line input is now converted line by line
  - Added SCREAMING\_SNAKE\_CASE
- Updated [**Lorem Ipsum Generator**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/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**](https://web-toolbox.dev/en/tools/word-counter)
  - The ratio column supports sorting and CSV export
  - The density column shows frequency skew at a glance with bars

## 💅 UI/UX

- Updated [**JSON to TOON Converter**](https://web-toolbox.dev/en/tools/json-to-toon) and [**TOON to JSON Converter**](https://web-toolbox.dev/en/tools/toon-to-json) to match the latest TOON spec, removing the Key Folding and Path Expansion options
  - Output is now always nested, and dot notation is treated as literal keys

## ✨ New Tools

- [**Tailwind Color Palette Generator**](https://web-toolbox.dev/en/tools/tailwind-color-palette) added

## 💅 UI/UX

- Redesigned the [**Color Contrast Checker**](https://web-toolbox.dev/en/tools/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

## 🔧 Improvements

- Added OKLCH format to [**Color Code Converter**](https://web-toolbox.dev/en/tools/color-converter)

## 💅 UI/UX

- [**CSS Filter Generator**](https://web-toolbox.dev/en/tools/css-filter-generator) can now preview the filters on an uploaded image file

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

## 🔧 Improvements

- [**Password Generator**](https://web-toolbox.dev/en/tools/password-generator) now shows a strength bar that reflects your current settings

## ✨ New Tools

- Added [**Lorem Ipsum Generator**](https://web-toolbox.dev/en/tools/lorem-ipsum-generator)
- Added [**Cron Expression Parser**](https://web-toolbox.dev/en/tools/cron-parser)

## ✨ New Tools

🎉 Web ToolBox now includes 80 tools.

- Added [**Squircle Generator**](https://web-toolbox.dev/en/tools/squircle-generator)
  - Generate squircle `**clip-path**` values and SVG code for icons, cards, and other soft-corner UI shapes
- Added [**Text Splitter**](https://web-toolbox.dev/en/tools/text-splitter)
  - Split text into one item per line by delimiter, with support for excluding empty items and keeping delimiters in the output

## ✨ New Tools

- Added [**Golden Ratio Calculator**](https://web-toolbox.dev/en/tools/golden-ratio-calculator)

## 🔧 Improvements

- Added CSV export to [**UUID Validator**](https://web-toolbox.dev/en/tools/uuid-validator) and fixed an issue where blank lines were included in validation

## ✨ New Tools

- Added [**Business Calendar**](https://web-toolbox.dev/en/tools/business-calendar)

## 💅 UI/UX

- Improved the preview area and editor UI in [**OGP Checker**](https://web-toolbox.dev/en/tools/ogp-checker) and [**OGP Image Simulator**](https://web-toolbox.dev/en/tools/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 reading UI in [**QR Code Reader**](https://web-toolbox.dev/en/tools/qrcode-reader) to make the preview and results easier to see

## 💅 UI/UX

- Improved the picking UI in [**Color Eyedropper**](https://web-toolbox.dev/en/tools/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

## ✨ New Tools

- Added [**Regex Checker**](https://web-toolbox.dev/en/tools/regex-checker)
- Added [**SHA Hash Generator**](https://web-toolbox.dev/en/tools/sha-hash-generator)

## ✨ New Tools

- Added [**Subdomain Lookup**](https://web-toolbox.dev/en/tools/subdomain-lookup)

## 🛠️ Improvements & Changes

- Added a new "Network" category to the tool list
- Moved [**IP Address Checker**](https://web-toolbox.dev/en/tools/ip-address-checker) to the "Network" category

## 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

## ✨ New Tools

- Added [**CSP Parser**](https://web-toolbox.dev/en/tools/csp-parser)
- Added [**ASCII to HEX Converter**](https://web-toolbox.dev/en/tools/ascii-to-hex)
- Added [**HEX to ASCII Converter**](https://web-toolbox.dev/en/tools/hex-to-ascii)

## ✨ New Tools

- Added [**SVG Blob Generator**](https://web-toolbox.dev/en/tools/svg-blob-generator)
- Added [**Video Frame Extractor**](https://web-toolbox.dev/en/tools/video-frame-extractor)

## ✨ New Tools

- Added [**URL Bulk Opener**](https://web-toolbox.dev/en/tools/url-bulk-opener)
- Added [**Text Prefix / Suffix Adder**](https://web-toolbox.dev/en/tools/text-prefix-suffix)
- Added [**JSON to TOON Converter**](https://web-toolbox.dev/en/tools/json-to-toon)
- Added [**TOON to JSON Converter**](https://web-toolbox.dev/en/tools/toon-to-json)

## ✨ New Tools

- Added [**WebP Converter**](https://web-toolbox.dev/en/tools/webp-converter)

## 🔧 Improvements

- Added ZIP batch downloads to [**YouTube Thumbnail Downloader**](https://web-toolbox.dev/en/tools/youtube-thumbnail-downloader) and improved filename formatting
- Reorganized tool categories
  - Improved the category order
  - Moved [**Image Compare Slider**](https://web-toolbox.dev/en/tools/image-compare-slider) and [**Pixel Art Converter**](https://web-toolbox.dev/en/tools/pixelart-converter) from "Media Tools" to "Image Tools"

## ✨ New Tools

- Added [**Aspect Ratio Calculator**](https://web-toolbox.dev/en/tools/aspect-ratio-calculator)

## UI Improvements

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

## ✨ New Tools

- Added [**Nested Border-Radius Optimizer**](https://web-toolbox.dev/en/tools/nested-border-radius-calculator)
  - Visually adjust the outer and inner `**border-radius**` values to create a clean nested border radius
- Added [**PX to Rem Calculator**](https://web-toolbox.dev/en/tools/px-rem-calculator)
  - A simple tool for converting between px and rem

## ✨ New Features

- Added [**Pixel Art Converter**](https://web-toolbox.dev/en/tools/pixelart-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**](https://web-toolbox.dev/en/tools/credit-card-validator)
  - Check credit card numbers with the Luhn algorithm
  - Automatically identify card brands such as Visa, MasterCard, and American Express

## ✨ New Tools

- Added [**HTML Tag Remover**](https://web-toolbox.dev/en/tools/html-tag-remover)
  - Strip HTML tags and extract plain text
  - Also supports options such as keeping selected tags and handling comments
- Added [**CSV to JSON Converter**](https://web-toolbox.dev/en/tools/csv-to-json)
  - Convert CSV data to JSON

## ✨ Enhancements

- **Enhanced [**Word Counter**](https://web-toolbox.dev/en/tools/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**](https://ui.shadcn.com/)

## 🐛 Bug Fixes

- Fixed several minor UI issues to improve the overall experience

## ✨ New Features

- Added **[**Text Line Joiner**](https://web-toolbox.dev/en/tools/text-line-joiner)**
  - Join multiple lines into a single line, with support for custom delimiters and automatic blank-line skipping
- Added **[**Text Duplicate Remover**](https://web-toolbox.dev/en/tools/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

We updated the UI framework to [**Nuxt UI v3**](https://ui3.nuxt.dev/).  
Along with the update, we reviewed the codebase across the site and improved internal processing in several tools.

We also refreshed the homepage design.

## ✨ New Tools

- [**Text Sorter**](https://web-toolbox.dev/en/tools/text-sorter)

Sort text by numeric order, alphabetical order, custom order, and more.

## 🔧 Improvements

- [**YouTube Thumbnail Downloader**](https://web-toolbox.dev/en/tools/youtube-thumbnail-downloader): You can now download thumbnail images directly

## 👀 Highlights

### ✨ CSS Filter Generator Added

- [**CSS Filter Generator**](https://web-toolbox.dev/en/tools/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.

- [**Image Compare Slider**](https://web-toolbox.dev/en/tools/image-compare-slider)

## Other Updates

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

## ✨ New Tools

- [**Color Contrast Checker**](https://web-toolbox.dev/en/tools/color-contrast-checker)
  - Useful for accessibility checks based on WCAG 2.0

## 🔥 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**](https://web-toolbox.dev/en/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.

- [**Privacy Policy**](https://web-toolbox.dev/en/privacy)
- [**Disclaimer**](https://web-toolbox.dev/en/disclaimer)

## ✨ New Tools

- [**HTML Escape / Unescape**](https://web-toolbox.dev/en/tools/html-escape-unescape)
  - Escape special characters in HTML and restore text that has already been escaped

## Other Changes

- A few fixes and improvements that do not affect tool functionality

## ✨ Number Base Converter Improved

Added an option to format numbers in the Number Base Converter.  
Binary and hexadecimal values can now be grouped every four digits, and octal values every three digits, making them easier to read.

- [**Number Base Converter**](https://web-toolbox.dev/en/tools/number-base-converter)

## Other Changes

- Improved various parts of the site's UI

## ✨ New Tools

- [**OGP Tag Generator**](https://web-toolbox.dev/en/tools/ogp-tag-generator)
  - Generate OGP tags and prepare meta information for social sharing

## ✨ New Tools

- [**YouTube Thumbnail Downloader**](https://web-toolbox.dev/en/tools/youtube-thumbnail-downloader)

## 🔍 Added Tool Search

Added a tool search feature to the header so you can quickly find what you need across the full tool list.

## ✨ New Tools

- [**CSS Cursor Viewer**](https://web-toolbox.dev/en/tools/css-cursor-viewer)
  - Browse CSS `**cursor**` values in one place

## Other

- Minor UI adjustments

## ✨ New Tools

- [**JSON to CSV**](https://web-toolbox.dev/en/tools/json-to-csv)

## Tool Enhancements ✨

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

- [**JSON to YAML**](https://web-toolbox.dev/en/tools/json-to-yaml)
- [**YAML to JSON**](https://web-toolbox.dev/en/tools/yaml-to-json)

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**](https://web-toolbox.dev/en/tools/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**](https://vuetifyjs.com/en/) to [**Nuxt UI**](https://ui.nuxt.com/) 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

- [**Suggestion Keyword Extractor**](https://web-toolbox.dev/en/tools/suggestion-extractor) now lets you specify a language code
  - It makes it easier to compare suggestion results by language, even for the same keyword
- [**OGP Checker**](https://web-toolbox.dev/en/tools/ogp-checker) and [**OGP Image Simulator**](https://web-toolbox.dev/en/tools/ogp-image-simulator) now support previews closer to X's latest design
  - Supports light, dark blue, and dark themes
- We refreshed the UI of [**Character Counter**](https://web-toolbox.dev/en/tools/character-counter) and [**Word Counter**](https://web-toolbox.dev/en/tools/word-counter)
  - Count results are easier to scan, and byte counts are now supported
- [**Image Base64 Encode Tool**](https://web-toolbox.dev/en/tools/base64-encode-image) now supports drag-and-drop file uploads

## 💖 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

- Added [**ULID Generator**](https://web-toolbox.dev/en/tools/ulid-generator)
  - Generate ULIDs in batches
  - Easily create sortable unique IDs that combine a timestamp with random values

## 🔧 Tool Improvements

- [**Heading Extractor**](https://web-toolbox.dev/en/tools/heading-extractor) now lets you choose which heading tags to extract

## ♻️ Refactoring

- Cleaned up internal processing in several tools

## ✨ New Tools

- Added [**Text Case Converter**](https://web-toolbox.dev/en/tools/text-case-converter)
- Added [**URL Parser**](https://web-toolbox.dev/en/tools/url-parser)

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**](https://web-toolbox.dev/en/tools/base64-encode-image), 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**](https://web-toolbox.dev/en/tools/color-eyedropper)
  - Pick a color directly from an image and view it as a color code right away
  - It uses the browser's [**EyeDropper API**](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API), so there are some limitations, but it's handy when you want to inspect colors quickly
- [**Color Code Extractor**](https://web-toolbox.dev/en/tools/color-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.

![Web Toolbox Next](https://web-toolbox.dev/images/content/web-toolbox-next.png)

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

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/en#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"en-US","name":"Web ToolBox","url":"https://web-toolbox.dev/en","translationOfWork":{"@id":"https://web-toolbox.dev/#website"}},{"@id":"https://web-toolbox.dev/en/changelog#webpage","@type":"WebPage","description":"This page provides the change log for Web ToolBox. Check out the latest information on new features, improvements, and bug fixes.","name":"Change Log","url":"https://web-toolbox.dev/en/changelog","isPartOf":{"@id":"https://web-toolbox.dev/en#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/en/changelog"]}]}]}
```

## Sitemap

See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.
