BrowseryTools: Kit de productividad gratuito basado en navegador
¿Qué es BrowseryTools?
BrowseryTools (https://browserytools.com) es una colección totalmente basada en navegador de utilidades de productividad de código abierto. El objetivo es simple: ofrecerte una tienda única para tareas comunes—edición de imágenes, conversión de archivos, ayudas para la codificación y más—mientras mantienes todos los datos localmente en el navegador. No hay procesamiento del lado del servidor, por lo que tus archivos nunca abandonan tu máquina, garantizando total privacidad y una respuesta ultra rápida.
| Categoría | Ejemplos |
|---|---|
| Herramientas de Imágenes | Eliminación de fondos, compresión, conversión de formato, corrección de colores |
| Herramientas de Archivos | Fusión / división de PDF, archivador ZIP, visor CSV, convertidor de archivos genérico |
| Herramientas de Medios | Recorte de video, recorte de audio, probador de cámara/ micrófono |
| Herramientas de Texto | Convertidor de mayúsculas/minúsculas, contador, formateador, Lorem ipsum |
| Herramientas de Datos | JSON ↔ CSV, codificación/decodificación Base64, generador/lector de código QR y código de barras |
| Matemáticas y Finanzas | Generador de facturas y unidades, calculadora, convertidor de divisas |
| Productividad | Lista de tareas, temporizador, cuenta regresiva |
| Seguridad | UUID, decodificador JWT, generador de hash, generador de contraseñas |
El kit está construido sobre una pila JS moderna: Next.js 15 con el App Router, TypeScript, Tailwind CSS y Shadcn + Radix UI para los componentes. El estado se gestiona con Zustand, los iconos provienen de Lucide React, y las animaciones usan Framer Motion. El flujo de trabajo de desarrollo está completamente automatizado con GitHub Actions, y el proyecto se despliega en Vercel con vistas previas instantáneas.
¿Por qué solo en el navegador?
- Privacidad: todos los archivos permanecen en tu dispositivo; no hay subidas a la nube.
- Velocidad: el procesamiento del lado del navegador reduce la latencia en el camino de ida y vuelta.
- Sencillez: no mantenimiento de servidores, sin costos, sin dependencias de servicios externos.
- Fiabilidad: si un tipo de archivo es compatible, funciona independientemente de las condiciones de red.
Empezando
# Clonar el repositorio
git clone https://github.com/aghyad97/browserytools.git
cd browserytools
# Instalar dependencias (cualquier gestor de paquetes funciona)
npm install # o yarn, pnpm, bun
# Ejecutar localmente
npm run dev
# Abrir tu navegador
http://localhost:3000
Una vez abierto, verás un tablero limpio con una barra lateral que muestra todas las herramientas. Al hacer clic en una, cargarás una página dedicada con una interfaz interactiva.
Contribuir
BrowseryTools da la bienvenida a contribuciones—desde nuevas herramientas hasta mejoras de la interfaz de usuario. A continuación, un breve recorrido:
- Haz un fork del repositorio.
- Crea una rama de característica:
git checkout -b feature/<tool‑name>. - Añade el componente de la herramienta bajo
src/components/<ToolName>.tsx. - Crea una ruta bajo
src/app/tools/<tool-name>/page.tsx. - Actualiza la navegación y cualquier estado compartido (Zustand stores) si es necesario.
- Haz commit, push y abre un pull request.
Antes de enviar, ejecuta los scripts de lint y test:
npm run lint
npm test
Casos de Uso
- Freelancers: Generar facturas mediante el Generador de Facturas y comprimir imágenes antes de enviarlas.
- Desarrolladores: Formatear JSON rápidamente, convertir código a fragmentos estilizados y usar el decodificador JWT durante la depuración.
- Diseñadores: Crear maquetas de teléfonos, ajustar paletas de colores y generar códigos QR para portafolios.
- Educadores: Proveer a los estudiantes un entorno seguro y sin servidor para ejercicios de codificación.
Debido a que cada herramienta se ejecuta localmente, puedes confiar en que los datos sensibles—como contraseñas, tokens o PDFs—permanecen privados.
Hoja de Ruta Futuro
El proyecto está ampliándose activamente. Las próximas características incluyen:
- Editor SVG – Edición vectorial completa.
- Convertidor de archivos – Convierte documentos, audio y video.
- Visor de hojas de cálculo – Capacidades mejoradas de CSV/Excel.
- Asistentes AI – Complementos opcionales del lado del servidor para procesamiento avanzado de imagen o texto.
Tus ideas y pull requests son muy bienvenidas.
Recursos y Comunidad
- Documentación – El README del repositorio se mantiene actualizado con instrucciones de configuración y listado de herramientas.
- Issues – Reporta errores o solicita funciones.
- Pull Requests – Envía correcciones de código o nuevas herramientas.
- Social – Sigue a @aghyadev en Twitter para actualizaciones.
- Patrocinadores – GitHub Sponsors apoyan el mantenimiento continúo.
Conclusión
BrowseryTools es más que una colección de utilidades; es un entorno de código abierto y centrado en la privacidad para cualquiera que quiera mejorar la productividad directamente dentro del navegador. Desde editar imágenes, procesar datos o formatear código, este proyecto ofrece una alternativa fiable y gratuita a las pesadas aplicaciones de escritorio. Abre tú mismo la herramienta, únete a la comunidad o contribuye con una nueva funcionalidad—tu navegador puede ser la herramienta más poderosa de todas.
¿Listo para sumergirte?
Visita la aplicación en vivo: https://browserytools.com
Contribuye: https://github.com/aghyad97/browserytools
¡Feliz hacking!