Code Transforms
Convert between TypeScript, Zod, GraphQL, Protobuf, JSX, CSS objects, and more. Schema-to-code and code-to-code transforms — all in your browser.
10 tools — All free, no sign-up, runs entirely in your browser.
TypeScript to Zod
Convert TypeScript interfaces to Zod validation schemas.
JSON Schema to TypeScript
Generate TypeScript interfaces from JSON Schema definitions.
JSON Schema to Protobuf
Convert JSON Schema to Protocol Buffers .proto definitions.
GraphQL to TypeScript
Generate TypeScript types from GraphQL schema definitions.
CSS to JS Objects
Convert CSS rules to JavaScript style objects for React and styled-components.
SVG to JSX
Convert SVG markup to JSX with React component wrapper.
SVG to React Native
Convert SVG to React Native components using react-native-svg.
API Response Diff
Compare two API responses and highlight structural differences.
Color Name Lookup
Find the closest named color for any hex or RGB value.
CORS Header Builder
Build correct CORS headers for your API configuration.