Vector Input

Herramientas para Desarrolladores

Utilidades client-side para desarrolladores. Sin registro, sin llamadas al servidor - cada transformación se ejecuta por completo en tu navegador.

6herramientas
2code
3css
1design
0llamadas al servidor
Code

JSON → TypeScript

Convierte objetos JSON en interfaces TypeScript al instante. Soporta objetos anidados, arrays y uniones. Funciona por completo en el navegador, sin enviar datos al servidor.

Abrir herramienta
CSS

Generador Cubic Bezier

Herramienta visual para diseñar curvas de easing CSS cubic-bezier con vista previa en vivo. Ajusta los puntos de control, prueba presets y copia el valor CSS en un clic.

Abrir herramienta
Code

SVG → JSX

Convierte SVG en bruto en componentes React tipados y listos para usar. Pasa atributos a camelCase, elimina declaraciones XML y propaga SVGProps sin configuración extra.

Abrir herramienta
Design

Visualizador de rutas SVG

Pega cualquier atributo `d=` de SVG e inspecciónalo visualmente en tiempo real. Ajusta el viewport, muestra dimensiones y admite stroke y fill personalizados.

Abrir herramienta
CSS

Generador Glassmorphism

Constructor visual de glassmorphism en CSS. Ajusta blur, opacidad del fondo, saturación, radio y sombra, y copia el CSS listo para producción.

Abrir herramienta
CSS

Paleta Tailwind

Explora la paleta completa de Tailwind v3: 22 familias y 242 muestras. Haz clic en cualquier color para copiar el valor hex, RGB o el nombre de la clase.

Abrir herramienta

Más herramientas llegarán pronto.