Swagger-UI not appearing properly

Question

Why does my Swagger UI look different?

After doing this, I updated the index.html to point to my swagger.json. After this was done, I was able to see the first picture shown. However, the large execute button is not all that appealing :( How do i get my swagger page to look like the second picture shown?

Answer 1

The first image is Swagger UI ver. 3.x or 4.x (the curent version). The second image is Swagger UI ver. 2 (old version, no longer developed).

If you want to use version 2 for some reason, you can download it from the 2.x branch of the Swagger UI repository:

https://github.com/swagger-api/swagger-ui/tree/2.x

Answer 2

This is just the new look and feel of Swagger-UI from version 3. Just check their FAQ<\/a> :

I liked it much better in Swagger-X!<\/strong>

We're likely to make more changes in the upcoming weeks, and definitely more when we support the next version of the spec.