Swagger UI logo

Swagger UI

Published October 2022
   •    Updated January 2026

Plugin details

Render a Swagger file in your Bubble app using Swagger UI.
By default, this plugin uses your Bubble app's default API definition. You can also provide your own swagger file URL.

Find this plugin useful? Buy me a coffee at https://www.buymeacoffee.com/brianalderman

Free

For everyone

3.7 stars   •   3 ratings
427 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Lost Sheep Advisory logo
Lost Sheep Advisory
Joined 2021   •   1 Plugin
View contributor profile

Instructions

1. Add the Swagger UI element to your page. 2. (OPTIONAL) in the property editor, you can set the URL of your own Swagger file. If not set, the plugin will use your Bubble app's default Swagger.
3. Under Settings > API, make sure the Hide Swagger API Documentation access box is NOT checked. (if you're using your own swagger file from step 2, you can skip this step)
4. Preview your page.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.7)

Good one
April 15th, 2025
very good
where url???
October 1st, 2024
dont show swagger, how set another url
I just tested this out in my app, and putting a customer Swagger URL into the `swagger file URL` field of the element properties worked to point the Swagger UI to the correct file. If you're still having problems with it, feel free to send me a note at [email protected] and we'll see if we can figure it out together. (plugin author)
October 1st, 2024
  •  
Lost Sheep Advisory
testSwagger
December 18th, 2023
Bubble