Web Toolbox / 在线工具箱

🌐 English | 中文 | Français | Español

---

English

A collection of 60+ pure frontend utility tools. No installation, no ads, no signup required. All processing happens locally in your browser. Your data never leaves your device.

Live Demo

https://www.usemagictools.com

Tool Categories

Image Tools (12)

Tool	File	Description
Paint Board	paint-board.html	Online drawing and painting tool
Color Palette	color-palette.html	Color picker and palette generator
ICO Maker	ico-maker.html	Convert images to ICO favicon format
Image Compressor	image-compressor.html	Compress images for web use
ID Photo Tool	id-photo-tool.html	Create passport/ID photos
Image Converter	image-converter.html	Convert between PNG/JPG/WebP formats
Image Editor	image-editor.html	Crop, resize, rotate and edit images
QR Code Generator	qr-code-generator.html	Generate QR codes from text/URLs
OCR Tool	ocr-tool.html	Extract text from images using AI
BG Remover	bg-remover.html	AI-powered background removal
Watermark Tool	watermark-tool.html	Add text watermarks to images
Transparent PNG Maker	transparent-png.html	Remove colors to create transparent PNGs

PDF Tools (7)

Tool	File	Description
Image to PDF	image-to-pdf.html	Convert images to PDF documents
PDF Merge	pdf-merge.html	Merge multiple PDFs into one
PDF Split	pdf-split.html	Split PDF into separate pages
PDF Compress	pdf-compress.html	Compress PDF file size
PDF to Image	pdf-to-image.html	Convert PDF pages to images
E-Sign	e-sign.html	Add electronic signatures to PDFs
PDF Protect	pdf-protect.html	Encrypt and password-protect PDFs

Developer Tools (17)

Tool	File	Description
JSON Viewer	json-viewer.html	Format and visualize JSON data
SQLite Viewer	sqlite-viewer.html	Browse SQLite databases in browser
Crypto Tools	crypto-tools.html	Hash, encrypt and decode utilities
WebSocket Tester	websocket-tester.html	Test WebSocket connections
WHOIS Query	whois-query.html	Domain WHOIS lookup
IP Lookup	ip-lookup.html	IP address geolocation lookup
Regex Tester	regex-tester.html	Test regular expressions
Base64 Tool	base64-tool.html	Encode/decode Base64 strings
URL Encoder	url-encoder.html	URL encode/decode tool
CSV/JSON	csv-json.html	Convert between CSV and JSON
Cron Generator	cron-generator.html	Build and explain cron expressions
Timestamp Converter	timestamp-converter.html	Unix timestamp converter
API Tester	api-tester.html	HTTP API testing client
Hex Viewer	hex-viewer.html	View binary files in hex format
Code Formatter	code-formatter.html	Format JSON, SQL, HTML, CSS, JS
YAML Editor	yaml-editor.html	YAML/TOML/JSON converter and editor
Keyboard Tester	keyboard-tester.html	Test keys, N-key rollover and ghost detection

Text Tools (5)

Tool	File	Description
Chinese Converter	chinese-converter.html	Simplified/Traditional Chinese conversion
Word Counter	word-counter.html	Count words, characters and lines
Lorem Ipsum	lorem-ipsum.html	Generate placeholder text
Markdown Editor	markdown-editor.html	Write and preview Markdown
Text Diff	text-diff.html	Compare two texts side by side

Media Tools (5)

Tool	File	Description
M3U8 Downloader	m3u8-downloader.html	Download M3U8 streaming videos
Audio Cutter	audio-cutter.html	Trim and cut audio files
Screen Recorder	screen-recorder.html	Record screen and webcam
File Converter	file-converter.html	Convert video, audio, image formats
Social Video Downloader	social-video-downloader.html	Download X/TikTok videos

Utility Tools (14)

Tool	File	Description
World Clock	world-clock.html	World time zones display
Calculator	calculator.html	Scientific calculator
Page Refresher	page-refresher.html	Auto-refresh web pages
File Renamer	file-renamer.html	Batch rename files
Handheld Danmaku	handheld-danmaku.html	LED scrolling text display
Metronome	metronome.html	Musical metronome
Relative Calculator	relative-calculator.html	Chinese kinship title calculator
Claude History Viewer	claude-history-viewer.html	Browse Claude conversation exports
Password Generator	password-generator.html	Generate secure passwords
Pomodoro	pomodoro.html	Pomodoro focus timer
Unit Converter	unit-converter.html	Metric/Imperial unit converter
Invoice Generator	invoice-generator.html	Create PDF invoices
Angel Number	angel-number.html	Angel number calculator
Numerology	numerology.html	Numerology life path calculator

Tech Stack

• Pure HTML + CSS + JavaScript (no backend)
• Common UI framework: common/common.js + common/common.css
• Multi-language: English, Chinese, French, Spanish
• Light/Dark theme with responsive design
• AI tools: Transformers.js (OCR, BG Remover)

License

MIT

---

中文

一套 60+ 纯前端实用工具集，无需安装、无广告、无需注册，浏览器直接打开即可使用。所有处理都在本地完成，数据不会上传。

在线体验

https://www.usemagictools.com

工具分类

图片工具 (12)

工具	文件	说明
在线画板	paint-board.html	在线绘画和涂鸦工具
调色板	color-palette.html	取色器与配色方案生成
ICO 图标制作	ico-maker.html	将图片转换为 ICO 网站图标
图片压缩	image-compressor.html	压缩图片文件体积
证件照工具	id-photo-tool.html	制作护照/证件照片
图片格式转换	image-converter.html	PNG/JPG/WebP 等格式互转
图片编辑器	image-editor.html	裁剪、缩放、旋转、编辑图片
二维码生成器	qr-code-generator.html	从文本/网址生成二维码
文字识别 (OCR)	ocr-tool.html	AI 驱动的图片文字提取
背景移除	bg-remover.html	AI 智能去除图片背景
水印工具	watermark-tool.html	为图片添加文字水印
透明PNG生成器	transparent-png.html	去除指定颜色生成透明PNG

PDF 工具 (7)

工具	文件	说明
图片转 PDF	image-to-pdf.html	将图片转换为 PDF 文档
PDF 合并	pdf-merge.html	多个 PDF 合并为一个
PDF 拆分	pdf-split.html	将 PDF 拆分为单独页面
PDF 压缩	pdf-compress.html	压缩 PDF 文件体积
PDF 转图片	pdf-to-image.html	将 PDF 页面转换为图片
电子签名	e-sign.html	为 PDF 添加电子签名
PDF 加密	pdf-protect.html	对 PDF 文件加密保护

开发者工具 (17)

工具	文件	说明
JSON 查看器	json-viewer.html	格式化和可视化 JSON 数据
SQLite 查看器	sqlite-viewer.html	在浏览器中浏览 SQLite 数据库
加密工具	crypto-tools.html	哈希、加密和解码工具
WebSocket 测试	websocket-tester.html	测试 WebSocket 连接
WHOIS 查询	whois-query.html	域名 WHOIS 信息查询
IP 查询	ip-lookup.html	IP 地址地理位置查询
正则测试	regex-tester.html	测试正则表达式
Base64 工具	base64-tool.html	Base64 编码/解码
URL 编码	url-encoder.html	URL 编码/解码工具
CSV/JSON 转换	csv-json.html	CSV 与 JSON 互转
Cron 生成器	cron-generator.html	构建和解释 Cron 表达式
时间戳转换	timestamp-converter.html	Unix 时间戳转换器
API 测试	api-tester.html	HTTP API 测试客户端
Hex 查看器	hex-viewer.html	以十六进制查看二进制文件
代码格式化	code-formatter.html	格式化 JSON、SQL、HTML、CSS、JS
YAML 编辑器	yaml-editor.html	YAML/TOML/JSON 转换与编辑
键盘检测器	keyboard-tester.html	按键测试、N键无冲检测、幽灵键检测

文本工具 (5)

工具	文件	说明
繁简转换	chinese-converter.html	简体/繁体中文互转
字数统计	word-counter.html	统计字数、字符数和行数
占位文本	lorem-ipsum.html	生成占位示例文本
Markdown 编辑器	markdown-editor.html	编写和预览 Markdown
文本对比	text-diff.html	并排对比两段文本

媒体工具 (5)

工具	文件	说明
M3U8 下载	m3u8-downloader.html	下载 M3U8 流媒体视频
音频剪切	audio-cutter.html	裁剪和剪切音频文件
屏幕录制	screen-recorder.html	录制屏幕和摄像头
文件格式转换	file-converter.html	视频、音频、图片格式转换
社交视频下载	social-video-downloader.html	下载 X/TikTok 视频

实用工具 (14)

工具	文件	说明
世界时钟	world-clock.html	全球时区显示
计算器	calculator.html	科学计算器
页面刷新器	page-refresher.html	自动刷新网页
文件重命名	file-renamer.html	批量重命名文件
手持弹幕	handheld-danmaku.html	LED 滚动文字显示
节拍器	metronome.html	音乐节拍器
亲戚称谓计算器	relative-calculator.html	中国亲戚关系称谓
Claude 历史查看器	claude-history-viewer.html	浏览 Claude 对话导出
密码生成器	password-generator.html	生成安全密码
番茄钟	pomodoro.html	番茄工作法计时器
单位换算	unit-converter.html	公制/英制单位换算
发票生成器	invoice-generator.html	创建 PDF 发票
天使数字	angel-number.html	天使数字计算器
生命灵数	numerology.html	生命灵数计算器

技术栈

• 纯 HTML + CSS + JavaScript（无后端）
• 公共 UI 框架：common/common.js + common/common.css
• 多语言：英文、中文、法文、西班牙文
• 明暗主题 + 响应式设计
• AI 工具：Transformers.js（OCR、背景移除）

开源协议

MIT

---

Français

Une collection de 60+ outils utilitaires 100% frontend. Aucune installation, aucune publicite, aucune inscription requise. Tout le traitement se fait localement dans votre navigateur. Vos donnees ne quittent jamais votre appareil.

Demo en ligne

https://www.usemagictools.com

Categories d'outils

Outils Image (12)

Outil	Fichier	Description
Tableau de peinture	paint-board.html	Outil de dessin et peinture en ligne
Palette de couleurs	color-palette.html	Selecteur de couleurs et generateur de palettes
Createur ICO	ico-maker.html	Convertir des images au format ICO favicon
Compresseur d'images	image-compressor.html	Compresser des images pour le web
Photo d'identite	id-photo-tool.html	Creer des photos de passeport/identite
Convertisseur d'images	image-converter.html	Convertir entre PNG/JPG/WebP
Editeur d'images	image-editor.html	Recadrer, redimensionner, pivoter et editer
Generateur de QR Code	qr-code-generator.html	Generer des QR codes depuis texte/URL
Outil OCR	ocr-tool.html	Extraire du texte des images par IA
Suppression d'arriere-plan	bg-remover.html	Suppression de fond par IA
Outil de filigrane	watermark-tool.html	Ajouter des filigranes texte aux images
Createur PNG transparent	transparent-png.html	Supprimer des couleurs pour creer des PNG transparents

Outils PDF (7)

Outil	Fichier	Description
Image vers PDF	image-to-pdf.html	Convertir des images en documents PDF
Fusionner PDF	pdf-merge.html	Fusionner plusieurs PDF en un seul
Diviser PDF	pdf-split.html	Diviser un PDF en pages separees
Compresser PDF	pdf-compress.html	Reduire la taille des fichiers PDF
PDF vers Image	pdf-to-image.html	Convertir des pages PDF en images
Signature electronique	e-sign.html	Ajouter des signatures electroniques aux PDF
Proteger PDF	pdf-protect.html	Chiffrer et proteger les PDF par mot de passe

Outils Developpeur (17)

Outil	Fichier	Description
Visionneuse JSON	json-viewer.html	Formater et visualiser des donnees JSON
Visionneuse SQLite	sqlite-viewer.html	Parcourir des bases de donnees SQLite
Outils Crypto	crypto-tools.html	Utilitaires de hachage, chiffrement et decodage
Testeur WebSocket	websocket-tester.html	Tester des connexions WebSocket
Requete WHOIS	whois-query.html	Recherche WHOIS de domaines
Recherche IP	ip-lookup.html	Geolocalisation d'adresses IP
Testeur Regex	regex-tester.html	Tester des expressions regulieres
Outil Base64	base64-tool.html	Encoder/decoder des chaines Base64
Encodeur URL	url-encoder.html	Outil d'encodage/decodage URL
CSV/JSON	csv-json.html	Convertir entre CSV et JSON
Generateur Cron	cron-generator.html	Construire et expliquer des expressions cron
Convertisseur Timestamp	timestamp-converter.html	Convertisseur de timestamp Unix
Testeur API	api-tester.html	Client de test API HTTP
Visionneuse Hex	hex-viewer.html	Voir les fichiers binaires en hexadecimal
Formateur de code	code-formatter.html	Formater JSON, SQL, HTML, CSS, JS
Editeur YAML	yaml-editor.html	Convertisseur et editeur YAML/TOML/JSON
Testeur de clavier	keyboard-tester.html	Tester les touches, N-key rollover et detection de touches fantomes

Outils Texte (5)

Outil	Fichier	Description
Convertisseur chinois	chinese-converter.html	Conversion chinois simplifie/traditionnel
Compteur de mots	word-counter.html	Compter les mots, caracteres et lignes
Lorem Ipsum	lorem-ipsum.html	Generer du texte de remplissage
Editeur Markdown	markdown-editor.html	Ecrire et previsualiser du Markdown
Comparaison de texte	text-diff.html	Comparer deux textes cote a cote

Outils Media (5)

Outil	Fichier	Description
Telechargeur M3U8	m3u8-downloader.html	Telecharger des videos streaming M3U8
Coupeur audio	audio-cutter.html	Couper et decouper des fichiers audio
Enregistreur d'ecran	screen-recorder.html	Enregistrer l'ecran et la webcam
Convertisseur de fichiers	file-converter.html	Convertir video, audio, image
Telechargeur video social	social-video-downloader.html	Telecharger des videos X/TikTok

Outils Utilitaires (14)

Outil	Fichier	Description
Horloge mondiale	world-clock.html	Affichage des fuseaux horaires
Calculatrice	calculator.html	Calculatrice scientifique
Rafraichisseur de page	page-refresher.html	Rafraichir automatiquement les pages web
Renommeur de fichiers	file-renamer.html	Renommer des fichiers par lots
Danmaku portable	handheld-danmaku.html	Affichage de texte defilant LED
Metronome	metronome.html	Metronome musical
Calculateur de parente	relative-calculator.html	Calculateur de titres de parente chinois
Visionneuse Claude	claude-history-viewer.html	Parcourir les exports de conversations Claude
Generateur de mots de passe	password-generator.html	Generer des mots de passe securises
Pomodoro	pomodoro.html	Minuterie de concentration Pomodoro
Convertisseur d'unites	unit-converter.html	Convertisseur d'unites metrique/imperial
Generateur de factures	invoice-generator.html	Creer des factures PDF
Nombre angelique	angel-number.html	Calculateur de nombres angeliques
Numerologie	numerology.html	Calculateur de chemin de vie

Stack technique

• HTML + CSS + JavaScript pur (sans backend)
• Framework UI commun : common/common.js + common/common.css
• Multilingue : anglais, chinois, francais, espagnol
• Theme clair/sombre avec design responsive
• Outils IA : Transformers.js (OCR, suppression de fond)

Licence

MIT

---

Español

Una coleccion de 60+ herramientas utilitarias 100% frontend. Sin instalacion, sin anuncios, sin registro necesario. Todo el procesamiento ocurre localmente en tu navegador. Tus datos nunca salen de tu dispositivo.

Demo en vivo

https://www.usemagictools.com

Categorias de herramientas

Herramientas de Imagen (12)

Herramienta	Archivo	Descripcion
Pizarra de dibujo	paint-board.html	Herramienta de dibujo y pintura en linea
Paleta de colores	color-palette.html	Selector de colores y generador de paletas
Creador de ICO	ico-maker.html	Convertir imagenes a formato ICO favicon
Compresor de imagenes	image-compressor.html	Comprimir imagenes para uso web
Foto de identidad	id-photo-tool.html	Crear fotos de pasaporte/identidad
Convertidor de imagenes	image-converter.html	Convertir entre PNG/JPG/WebP
Editor de imagenes	image-editor.html	Recortar, redimensionar, rotar y editar
Generador de QR	qr-code-generator.html	Generar codigos QR desde texto/URLs
Herramienta OCR	ocr-tool.html	Extraer texto de imagenes con IA
Eliminador de fondo	bg-remover.html	Eliminacion de fondo con IA
Herramienta de marca de agua	watermark-tool.html	Anadir marcas de agua de texto a imagenes
Creador de PNG transparente	transparent-png.html	Eliminar colores para crear PNG transparentes

Herramientas PDF (7)

Herramienta	Archivo	Descripcion
Imagen a PDF	image-to-pdf.html	Convertir imagenes a documentos PDF
Fusionar PDF	pdf-merge.html	Fusionar multiples PDF en uno
Dividir PDF	pdf-split.html	Dividir PDF en paginas separadas
Comprimir PDF	pdf-compress.html	Reducir el tamano de archivos PDF
PDF a Imagen	pdf-to-image.html	Convertir paginas PDF a imagenes
Firma electronica	e-sign.html	Anadir firmas electronicas a PDF
Proteger PDF	pdf-protect.html	Cifrar y proteger PDF con contrasena

Herramientas de Desarrollo (17)

Herramienta	Archivo	Descripcion
Visor JSON	json-viewer.html	Formatear y visualizar datos JSON
Visor SQLite	sqlite-viewer.html	Explorar bases de datos SQLite
Herramientas Crypto	crypto-tools.html	Utilidades de hash, cifrado y decodificacion
Probador WebSocket	websocket-tester.html	Probar conexiones WebSocket
Consulta WHOIS	whois-query.html	Busqueda WHOIS de dominios
Busqueda de IP	ip-lookup.html	Geolocalizacion de direcciones IP
Probador Regex	regex-tester.html	Probar expresiones regulares
Herramienta Base64	base64-tool.html	Codificar/decodificar cadenas Base64
Codificador URL	url-encoder.html	Herramienta de codificacion/decodificacion URL
CSV/JSON	csv-json.html	Convertir entre CSV y JSON
Generador Cron	cron-generator.html	Construir y explicar expresiones cron
Convertidor Timestamp	timestamp-converter.html	Convertidor de timestamp Unix
Probador API	api-tester.html	Cliente de pruebas API HTTP
Visor Hex	hex-viewer.html	Ver archivos binarios en hexadecimal
Formateador de codigo	code-formatter.html	Formatear JSON, SQL, HTML, CSS, JS
Editor YAML	yaml-editor.html	Convertidor y editor YAML/TOML/JSON
Probador de teclado	keyboard-tester.html	Probar teclas, N-key rollover y deteccion de teclas fantasma

Herramientas de Texto (5)

Herramienta	Archivo	Descripcion
Convertidor chino	chinese-converter.html	Conversion chino simplificado/tradicional
Contador de palabras	word-counter.html	Contar palabras, caracteres y lineas
Lorem Ipsum	lorem-ipsum.html	Generar texto de relleno
Editor Markdown	markdown-editor.html	Escribir y previsualizar Markdown
Comparador de texto	text-diff.html	Comparar dos textos lado a lado

Herramientas Multimedia (5)

Herramienta	Archivo	Descripcion
Descargador M3U8	m3u8-downloader.html	Descargar videos streaming M3U8
Cortador de audio	audio-cutter.html	Recortar y cortar archivos de audio
Grabador de pantalla	screen-recorder.html	Grabar pantalla y webcam
Convertidor de archivos	file-converter.html	Convertir video, audio, imagen
Descargador de video social	social-video-downloader.html	Descargar videos de X/TikTok

Herramientas Utilitarias (14)

Herramienta	Archivo	Descripcion
Reloj mundial	world-clock.html	Visualizacion de zonas horarias
Calculadora	calculator.html	Calculadora cientifica
Actualizador de pagina	page-refresher.html	Actualizar paginas web automaticamente
Renombrador de archivos	file-renamer.html	Renombrar archivos por lotes
Danmaku portatil	handheld-danmaku.html	Pantalla de texto LED desplazante
Metronomo	metronome.html	Metronomo musical
Calculador de parentesco	relative-calculator.html	Calculador de titulos de parentesco chino
Visor de Claude	claude-history-viewer.html	Explorar exportaciones de conversaciones Claude
Generador de contrasenas	password-generator.html	Generar contrasenas seguras
Pomodoro	pomodoro.html	Temporizador de concentracion Pomodoro
Convertidor de unidades	unit-converter.html	Convertidor de unidades metrica/imperial
Generador de facturas	invoice-generator.html	Crear facturas PDF
Numero angelical	angel-number.html	Calculador de numeros angelicales
Numerologia	numerology.html	Calculador de camino de vida

Stack tecnologico

• HTML + CSS + JavaScript puro (sin backend)
• Framework UI comun: common/common.js + common/common.css
• Multiidioma: ingles, chino, frances, espanol
• Tema claro/oscuro con diseno responsive
• Herramientas IA: Transformers.js (OCR, eliminacion de fondo)

Licencia

MIT