Vector Input
Developer Tools
Client-side utilities for developers. No sign-up, no server calls - every transformation runs entirely in your browser.
JSON → TypeScript
Convert JSON objects to TypeScript interfaces instantly. Handles nested objects, arrays, and union types. Runs entirely in the browser — no data leaves your machine.
Cubic Bezier Generator
Visual tool to design CSS cubic-bezier easing curves with live animation preview. Adjust control points, pick from presets, and copy the CSS value in one click.
SVG → JSX
Convert raw SVG markup into typed React functional components. Auto-camelCases attributes, removes XML declarations, and spreads SVGProps — zero config needed.
SVG Path Visualizer
Paste any SVG path d= attribute and inspect it visually in real time. Auto-fits the viewport, shows bounding box dimensions, and supports custom stroke and fill.
Glassmorphism Generator
Visual CSS glassmorphism builder. Tune blur, background opacity, saturation, border radius, and shadow — then copy the production-ready backdrop-filter CSS.
Tailwind Palette
Browse the complete Tailwind v3 color palette — 22 families, 242 swatches. Click any swatch to copy the hex value, RGB, or Tailwind class name.
PageSpeed Analyzer
Check your website's Google Lighthouse performance score in seconds. Analyzes FCP, LCP, and Speed Index on mobile. Free, no signup required.
More tools shipping soon.