Directorio de Herramientas
Todo lo que necesitas, directamente en tu navegador.
css Generadores CSS
Gen. de Degradados
Crea hermosos degradados CSS lineales y radiales para fondos.
Triángulo CSS
Genera triángulos puros en CSS para tooltips y flechas instantáneamente.
Glassmorphism
Genera componentes perfectos de vidrio esmerilado para tus interfaces.
Sombra de Caja
Diseña visualmente sombras en capas para dar profundidad y elevación.
Borde Redondeado
Visualiza y genera valores complejos de border-radius de 8 puntos en CSS.
Efecto Nieve
Generador interactivo de efecto de nieve de partículas CSS.
text_fields Tipografía y Layout
Playground Flexbox
Domina CSS Flexbox visualmente con controles interactivos.
Gen. de CSS Grid
Construye layouts complejos de CSS Grid en segundos, arrastra cuadrículas visualmente.
Combinar Fuentes
Descubre y previsualiza combinaciones armoniosas de Google Fonts.
Escala Tipográfica
Genera escalas tipográficas modulares perfectas usando ratios matemáticos.
Lorem Ipsum
Genera texto simulado instantáneamente con controles de párrafos y palabras.
image Imágenes y Recursos
Compresor de Imágenes
Reduce el tamaño de las imágenes al instante completamente en tu navegador.
Placeholder de Imagen
Crea imágenes falsas personalizadas para wireframes y exporta a SVG o PNG.
Convertidor de Formato
Convierte entre WebP, PNG y JPG preservando la transparencia.
Redimensionar Imagen
Redimensiona imágenes con precisión manteniendo la relación de aspecto.
Quitar Fondo
Elimina fondos de imágenes al instante y de forma privada usando IA en el dispositivo.
Recortar Imagen
Recorta imágenes a relaciones de aspecto específicas o dimensiones personalizadas.
Filtros de Fotos
Aplica filtros estilo Instagram y ajusta los parámetros de la imagen.
Creador de Marca de Agua
Protege tus imágenes superponiendo texto o logos como marca de agua.
Creador de Collages
Combina múltiples fotos en hermosos layouts de cuadrícula personalizables.
Optimizador SVG
Limpia y reduce el código SVG para entornos de producción.
Generador de Ondas SVG
Genera hermosos divisores de sección curvos y ondas vectoriales escalables.
Generador Código QR
Crea códigos QR personalizados de alta resolución con incrustación de logo.
terminal Utilidades para Devs
Tester de Regex
Prueba, depura y entiende Expresiones Regulares con resaltado en tiempo real.
Formateador JSON
Embellece, valida y minifica datos JSON de forma segura en tu navegador.
Codificador Base64
Codifica y decodifica texto o archivos al formato Base64 al instante.
Codificador URL
Codifica tus URLs con seguridad o decodifica parámetros de consulta.
build Color y Utilidades
Paleta de Colores
Extrae y genera combinaciones de colores automáticamente.
Comprobador Contraste
Garantiza la accesibilidad comprobando los ratios de contraste de color WCAG.
PX a REM
Convierte rápidamente valores de píxeles a rem para CSS escalable.
Tamaños Redes Sociales
Hoja de referencia actualizada para las dimensiones de imágenes en todas las plataformas.