Herramientas que uso a diario

Framework React fullstack con SSR, SSG, API Routes y App Router. La base de todos mis proyectos.

Framework de utilidades CSS. Desarrollo rápido sin salir del HTML, responsive y consistente.

Superset tipado de JavaScript. Detecta errores en compilación antes de que lleguen a producción.

Build tool ultrarrápido con HMR instantáneo. Estándar de facto para proyectos React y Vue.

Framework de contenido con zero JS por defecto e islands architecture. Ideal para blogs y docs.

Runtime JS ultra-rápido que reemplaza Node.js + npm + Jest en un solo binario.

Package manager rápido y eficiente en disco con soporte nativo de workspaces.

Formatter + linter todo-en-uno que reemplaza ESLint + Prettier. Escrito en Rust.

Sistema de build para monorepos con cache remoto y ejecución paralela de tareas.

Framework web ultraligero para edge y serverless. Compatible con Cloudflare Workers y Bun.

ORM TypeScript SQL-first con zero overhead y migraciones automáticas.

APIs end-to-end typesafe sin code generation. Ideal para full-stack TypeScript.

Validación de schemas TypeScript-first con inferencia de tipos automática.

State management minimalista para React. Sin boilerplate ni providers.

Data fetching, caching y sincronización para React. Antes conocido como React Query.

La referencia definitiva para HTML, CSS, JavaScript y APIs web. Mantenida por Mozilla.

Tablas de compatibilidad de navegadores para cada propiedad CSS y API JavaScript.

Más de 500.000 iconos SVG gratuitos. Mi fuente principal para iconos de tecnologías.

Catálogo unificado con +150 packs de iconos: Material, Font Awesome, Lucide y más.

Librería de iconos open-source con 1.500+ iconos consistentes. Fork mejorado de Feather Icons.

Iconos SVG por los creadores de Tailwind. Estilos outline, solid y mini.

Familia flexible de iconos con 6 pesos distintos y más de 1.000 iconos.

Generador de paletas de color. Explora combinaciones, exporta a CSS y comparte.

Visualiza paletas de colores aplicadas a un diseño web real en tiempo real.

Herramienta de diseño UI/UX colaborativa. Prototipado, componentes y handoff a desarrollo.

Componentes copy-paste sobre Radix + Tailwind. Totalmente personalizables y accesibles.

Primitivos headless accesibles para construir componentes UI de calidad production-ready.

Biblioteca de tipografías web open source. Integración directa con Next.js vía next/font.

Self-hosting de Google Fonts como paquetes npm. Sin peticiones externas al CDN.

Genera mockups de navegador y dispositivos para screenshots profesionales de proyectos.

Biblioteca de patrones UI/UX reales de apps populares. Inspiración basada en datos.

Monitorización de indexación, cobertura de páginas, Core Web Vitals y clics orgánicos.

Métricas de rendimiento y Core Web Vitals. Informes con recomendaciones de optimización.

Valida datos estructurados JSON-LD. Imprescindible para verificar rich snippets.

Valida datos estructurados y previsualiza cómo aparecerán los rich snippets en Google.

Auditoría SEO gratuita: backlinks, keywords, problemas técnicos y oportunidades.

Crawler SEO de escritorio. Audita URLs, metas y enlaces rotos. Gratis hasta 500 URLs.

Escanea un sitio entero con Lighthouse en un solo comando. Genera reporte global.

Test de rendimiento avanzado con waterfall detallado y filmstrip visual frame a frame.

Analiza el tamaño de paquetes npm antes de instalarlos. Muestra gzip y tree-shaking.

Plataforma de deploy y hosting serverless. Previews por PR, analytics y edge functions.

PostgreSQL serverless con branching. Base de datos escalable sin gestión de servidores.

Alternativa open-source a Firebase con PostgreSQL, auth, storage y realtime incluidos.

Redis y Kafka serverless con pricing por request. Ideal para rate limiting y cache.

Base de datos SQLite distribuida en edge con latencia ultra-baja y replicación global.

API de emails transaccionales con React Email. Envío de facturas, notificaciones y newsletters.

Pagos online: checkout, suscripciones, facturas y Payment Links. Integración con webhooks.

CDN, DNS, protección DDoS, R2 storage y Workers. Velocidad y seguridad para cualquier sitio.

Autenticación completa con UI pre-construida, MFA, organizaciones y webhooks.

Autenticación open-source para Next.js con más de 80 providers OAuth configurables.

Monitoreo de errores y performance con source maps, session replay y alertas.

Plataforma serverless para background jobs, crons y event-driven workflows.

Framework E2E testing cross-browser de Microsoft con auto-waiting, tracing y codegen.

Framework de unit testing compatible con Vite. Reemplazo moderno y rápido de Jest.

Utilidades para testear componentes React de forma accesible y centrada en el usuario.

Mock Service Worker: intercepta requests en tests y desarrollo sin cambiar código de producción.

Entorno aislado para desarrollar, documentar y testear componentes UI visualmente.

Visual regression testing automatizado integrado con Storybook. Detecta cambios UI.

Consola DevTools embebida para debugging en móviles reales. Inyectable en cualquier web.

Navegador open-source que muestra múltiples viewports sincronizados para testing responsive.

Cliente API open-source offline-first. Guarda collections en archivos versionables con Git.

Cliente API open-source en el navegador. Alternativa ligera y rápida a Postman.

Cliente REST y GraphQL con diseño limpio, variables de entorno y sistema de plugins.

Cliente HTTP para terminal con sintaxis intuitiva, output coloreado y versión web.

Crea mock APIs locales en segundos sin código. Interfaz gráfica y CLI disponibles.

GUI visual para explorar y editar datos de tu base de datos Prisma directamente.

Visualiza y prueba APIs REST desde especificaciones OpenAPI de forma interactiva.

Generador visual de gradientes CSS con editor de colores y código copiable.

Genera fondos SVG decorativos: waves, blobs, gradients y más para secciones web.

Generador de box-shadows suaves y realistas con múltiples capas de sombra.

Editor visual de curvas de animación CSS con comparación side-by-side en tiempo real.

Generador visual de clip-path CSS con formas predefinidas y editor de puntos.

Generador de border-radius orgánicos con 8 valores para crear formas blob.

Generador de efectos glass/frosted con backdrop-blur y controles de transparencia.

Librería de animaciones CSS pre-hechas con editor visual y código exportable.

Generador visual de layouts CSS Grid con código listo para copiar y pegar.

Tester de expresiones regulares con explicación paso a paso. Soporta JS, Python y más.

Convertidor universal: JSON a TypeScript, CSS a Tailwind, SVG a JSX y más.

Optimización de imágenes en el navegador. Compara formatos, ajusta calidad y redimensiona.

Generador visual de READMEs para repositorios. Bloques arrastrables con preview en tiempo real.

Swiss army knife offline: JSON formatter, hash, UUID, base64, JWT decoder y más.

Visualiza JSON, YAML y CSV como grafos interactivos para entender estructuras complejas.

Genera tipos TypeScript e interfaces automáticamente desde JSON, JSON Schema o GraphQL.

Genera imágenes elegantes de código para documentación, presentaciones y redes sociales.

Editor visual de expresiones cron con explicación en lenguaje natural.