React openapi designer

React openapi designer is a react based openapi designer that conforms to Openapi specifications

Live Preview

To quickly get started, you can go to https://codeasashu.github.io/react-openapi-designer/

You can create a new openapi spec from scratch, or you can just paste any existing yaml to import the spec and edit from the UI.

Hosting

You can also build and host the repo as a static website. To do so, first build the project.

npm run build

This will put the compiled files in dist/ directory. Upload everything in that directory to a static hosting.

Local development

To start local development, clone this repo.

git clone https://github.com/codeasashu/react-openapi-designer

Then, install npm modules

npm install

and finally start dev server:

npm run dev