Instantly generate JavaScript PropTypes from JSON
Generate JavaScript PropTypes models from JSON, JSON Schema, Postman collections, and GraphQL queries.
Generate JavaScript PropTypes Nowquicktype is fluent in
- C
- C#
- C++
- Crystal
- Dart
- Effect Schema
- Elixir
- Elm
- Flow
- Go
- GraphQL
- Haskell
- Java
- JavaScript
- JSON Schema
- Kotlin
- Objective-C
- PHP
- Pike
- Python
- Ruby
- Rust
- Scala
- Smithy
- Swift
- TypeScript
- Zod
↑ click a language to try it
Install quicktype with npm$ npm install -g quicktype$ npm install -g quicktype
Generate JavaScript PropTypes for a simple JSON sample$ echo '[1, 2, 3.14]' | quicktype --lang javascript-prop-types$ echo '[1, 2, 3.14]'", "| quicktype -l javascript-prop-typesGenerate JavaScript PropTypes for a sample JSON file$ quicktype person.json -o Person.js$ quicktype person.json -o Person.js
Generate JavaScript PropTypes from a directory of samples$ ls spotify-api-samples$ ls spotify-api-samples
album.json artist.json track.json$ quicktype spotify-api-samples -o SpotifyClient.js$ quicktype -o QTSpotifyClient.js", "spotify-api-samplesA better way to work with APIs.
The old way
- Find a client library
- A good one is golden, however most are outdated or simply unavailable in your app’s programming language.
- Write your own client library
- Takes a lot of effort and must be updated when the API changes. You should be focused on your app, anyway.
- Read API data as dynamic, untyped values
- This is an unpleasant way to program and leaves your app vulnerable to API changes.
With quicktype
- Generate your client libraries
- Given sample API responses, quicktype will generate an easy-to-use client library in your app’s language.
- Spend more time on your app
- quicktype can regenerate types when APIs change, so you can simply update affected app code, if any.
- Access strongly typed API data with help
- Get more out of your editor or IDE (autocomplete, refactoring) when working with typed API data.