Generate client
with appropriate type-signatures

Generate, valid, cache and mock in your frontend applications all with your OpenAPI specification.

Productivity

Save time to drink a 🍺, get your api ready out of the box in a few seconds. Prevent human error, be sure on the return result by imposing standard formatting.

Error boundary

Get your contract ! With the combination of orval and openapi, you have a strong standard for your team which avoid any problem of missunderstanding and give you the possibility to focus on your ui.

API mocking

Don't wait for your backend to be ready to test your application. Generate your mocks with Orval, knowing that you are ready to be connected to your API.

Choose Live Example:

Basic

Less Time. More productivity.

Instead of losing time writing your models, HTTP calls and mocks, go ahead and be focused on the other requirements.

1 module.exports = {
2   petstore: {
3     output: {
4       mode: 'split',
5       target: './src/petstore.ts',
6       schemas: './src/model',
7       client: 'react-query',
8       mock: true,
9     },
10     input: {
11       target: './petstore.yaml',
12     },
13   },
14 };

1 my-app
2 └── src
3     ├── petstore.definition.ts
4     ├── petstore.schemas.ts
5     ├── petstore.msw.ts
6     ├── petstore.ts
7     └── model
8         ├── index.ts
9         ├── pet.ts
10         ├── pets.ts
11         ├── createPetsBody.ts
12         └── error.ts