orval generates type-safe JS clients (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in yaml or json formats.

generate models, requests, hooks, mocks and more, for these supported clients:

• React
• React Query
• React with swr
• Vue Query
• Svelte Query
• Solid Query
• SolidStart
• Angular
• Angular Query
• Hono
• zod
• Effect
• native fetch
• mcp

You can find some samples below:

• react app
• react query
• svelte query
• vue query
• solid query
• solid start
• react app with swr
• angular app
• angular query
• hono
• swr with effect
• next app with fetch
• mcp server

Try Orval out for yourself using our Playground application!

First of all, we do not reject the use of AI agents outright. That said, please do not submit AI-generated output in a PR without reviewing it yourself. Every change must have a clear intent and purpose — do not submit changes you cannot explain in your own words. Making the effort to understand orval's codebase, TypeScript, and API clients beforehand, and reviewing what AI produces, is the contributor's responsibility, not the reviewer's. Finally, we will continue to welcome new contributors and actively support you through review and iteration.

See CONTRIBUTING.md for details.

This project uses Bun for package management and building. Bun install guide.

• vp run nuke:all - Completely clean your workspace by removing all build artifacts, node_modules, and cached files. Use this when you want to start fresh.

• vp run build - Build the project and make changes available to the workspace. Run this after making code changes to compile TypeScript and prepare the project for use.

• vp run typecheck - Run TypeScript type checking across all packages.

• vp run test - Run unit tests in all packages.

• vp run update-samples - Generate sample outputs using the newly built version of Orval. This regenerates the sample code based on the current build.

• vp run test:samples - Run tests in the samples directory using the newly generated output from update-samples.

• vp run test:snapshots - Run snapshot tests to verify generated sample outputs match the committed snapshots. Fails if any generated file differs from its snapshot.

• vp run test:snapshots:update - Regenerate snapshot files to match the current generated output. Run this after vp run update-samples when the generated output has intentionally changed.

• vp run test:cli - Test that the generated output (not samples) is valid TypeScript. This validates the TypeScript compilation of the generated code.

A typical development workflow would be:

1. Make your code changes
2. Run vp run build to compile your changes
3. Run vp run typecheck to verify package typings
4. Run vp run lint to catch lint issues early
5. Run vp run test to run unit tests in packages
6. Run vp run test:snapshots to verify generated output matches snapshots

If step 6 fails because the generated output has intentionally changed, run vp run test:snapshots:update to update the snapshots.

If you encounter issues or want to start completely fresh:

1. Run vp run nuke:all to clean everything
2. Reinstall dependencies and rebuild from scratch

Thank you to all our sponsors! 🍻

Support orval development by Open Collective and your logo will be displayed here with a link to your website.

Thank you to all our backers! 🙏

Support us with a one-time donation and help us continue our activities on Open Collective.

Note: After becoming a sponsor or backer, please contact us on Discord to upload your logo.