Vector Input

Developer Tools

Client-side utilities for developers. No sign-up, no server calls - every transformation runs entirely in your browser.

6tools

2code

3css

1design

0server calls

Code

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.

Open tool

CSS

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.

Open tool

Code

SVG → JSX

Convert raw SVG markup into typed React functional components. Auto-camelCases attributes, removes XML declarations, and spreads SVGProps — zero config needed.

Open tool

Design

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.

Open tool

CSS

Glassmorphism Generator

Visual CSS glassmorphism builder. Tune blur, background opacity, saturation, border radius, and shadow — then copy the production-ready backdrop-filter CSS.

Open tool

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.

Open tool

More tools shipping soon.