ostranme / Swagger Ui Themes
💥 A collection of css themes to spice up your Swagger docs
Stars: ✠470
Projects that are alternatives of or similar to Swagger Ui Themes
Rapidoc
RapiDoc - Custom-Element for OpenAPI Spec
Stars: ✠444 (-5.53%)
Mutual labels: swagger, swagger-ui
Swagger Ui
Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.
Stars: ✠21,279 (+4427.45%)
Mutual labels: swagger, swagger-ui
Spring Boot Plus
🔥 Spring-Boot-Plus is a easy-to-use, high-speed, high-efficient,feature-rich, open source spring boot scaffolding. 🚀
Stars: ✠2,198 (+367.66%)
Mutual labels: swagger, swagger-ui
Angular Swagger Ui
An angularJS implementation of Swagger UI
Stars: ✠131 (-72.13%)
Mutual labels: swagger, swagger-ui
Flasgger
Easy OpenAPI specs and Swagger UI for your Flask API
Stars: ✠2,825 (+501.06%)
Mutual labels: swagger, swagger-ui
Rapipdf
PDF generation from OpenAPI / Swagger Spec
Stars: ✠132 (-71.91%)
Mutual labels: swagger, swagger-ui
Swagger Toolbox
💡 Swagger schema model (in yaml, json) generator from json data
Stars: ✠194 (-58.72%)
Mutual labels: swagger, swagger-ui
Django Rest Swagger Docs
Beginners approach to Django Rest Swagger
Stars: ✠86 (-81.7%)
Mutual labels: swagger, swagger-ui
Hexo Theme Doc
A documentation theme for the Hexo blog framework
Stars: ✠222 (-52.77%)
Mutual labels: swagger, swagger-ui
Swagger Bootstrap Ui
Swagger-bootstrap-ui is the Swagger front-end UI implementation, the purpose is to replace the Swagger default UI implementation Swagger-UI, make the document more friendly....
Stars: ✠2,816 (+499.15%)
Mutual labels: swagger, swagger-ui
L5 Swagger
OpenApi or Swagger integration to Laravel
Stars: ✠1,781 (+278.94%)
Mutual labels: swagger, swagger-ui
Express Oas Generator
OpenAPI (Swagger) specification generator for ExpressJS applications
Stars: ✠138 (-70.64%)
Mutual labels: swagger, swagger-ui
Swagger Github Pages
How to host Swagger API documentation with GitHub Pages
Stars: ✠102 (-78.3%)
Mutual labels: swagger, swagger-ui
Drf Yasg
Automated generation of real Swagger/OpenAPI 2.0 schemas from Django REST Framework code.
Stars: ✠2,523 (+436.81%)
Mutual labels: swagger, swagger-ui
Golang Swaggerui Example
SwaggerUI generation example for Golang
Stars: ✠81 (-82.77%)
Mutual labels: swagger, swagger-ui
Openapi Viewer
Browse and test a REST API described with the OpenAPI 3.0 Specification
Stars: ✠82 (-82.55%)
Mutual labels: swagger, swagger-ui
Gradle Swagger Generator Plugin
Gradle plugin for OpenAPI YAML validation, code generation and API document publishing
Stars: ✠197 (-58.09%)
Mutual labels: swagger, swagger-ui
echoswagger
Swagger UI generator for Echo framework
Stars: ✠34 (-92.77%)
Mutual labels: swagger, swagger-ui
Swagger UI Themes
Version 3.0.0
Swagger Docs are awesome. Why not make them look better!
- Below is a collection of CSS themes for Swagger UI.
- Get started at http://ostranme.github.io/swagger-ui-themes/
Getting started
Download the swagger-ui-themes project and place the desired stylesheet into the source of your swagger-ui html. Use the 3.x or 2.x directories depending on what version of Swagger UI you have.
├── 2.x
│ ├── theme-feeling-blue.css
│ ├── theme-flattop.css
│ ├── theme-material.css
│ ├── theme-monokai.css
│ ├── theme-muted.css
│ ├── theme-newspaper.css
│ └── theme-outline.css
└── 3.x
├── theme-feeling-blue.css
├── theme-flattop.css
├── theme-material.css
├── theme-monokai.css
├── theme-muted.css
├── theme-newspaper.css
└── theme-outline.css
In the <head> of your html, reference the location to your [theme].css
<link rel="stylesheet" href="path/to/swagger-ui-themes/css/theme-flattop.css">
-
For
3.x, make sure to either remove/comment out the link toswagger-ui.cssor load the desired theme after to override the default Swagger UI styles.If you have issues loading themes with 3.x, try modifying the index.html to load the theme.css absolutely last right before the closing body or html tag.
- [workaround] 3.x theme loading issue (#25)
-
For
2.x, make sure to either remove/comment out the link toscreen.cssor load the desired theme after to override the default Swagger UI styles.
Install with bower
$ bower install swagger-ui-themes
Install with npm
$ npm install swagger-ui-themes
3.x Themes
Material
Flattop
Muted
Newspaper
Outline
Monokai
Feeling Blue
2.x Themes
Material
Flattop
Muted
Newspaper
Outline
Monokai
Feeling Blue
Community Driven Tools
| Name | Description |
|---|---|
| swagger-ui-themes-extensions | Chrome extension to apply swagger-ui themes (https://github.com/AMoreaux/swagger-ui-themes-extension) |
Contributing
If you want to add theme ideas or other fixes/changes, feel free to submit an issue.
Requesting new theme
- Title your new issue Theme request: theme-name (e.g., Theme request: theme-nyan-cat).
- Include a few use cases for your requested theme. How do you plan on using it?
License
- Code licensed under MIT License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].