{"id":1034,"date":"2026-03-04T08:32:06","date_gmt":"2026-03-04T08:32:06","guid":{"rendered":"https:\/\/www.julianreed.net\/?page_id=1034"},"modified":"2026-03-04T08:32:07","modified_gmt":"2026-03-04T08:32:07","slug":"openapi-specification-viewer","status":"publish","type":"page","link":"https:\/\/www.julianreed.net\/?page_id=1034","title":{"rendered":"OpenAPI Specification Viewer"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">A Clean, Client-Side Tool for Exploring API Documentation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What It Does<\/h3>\n\n\n\n<p>A lightweight viewer that lets you inspect OpenAPI specifications (YAML or JSON) directly in your browser \u2014 no uploads, no servers, just instant visualization of your API&#8217;s structure.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Benefits<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Supports all OAS versions<\/strong>\u00a0\u2014 2.0 (Swagger), 3.0, and 3.1<\/li>\n\n\n\n<li><strong>Works with both formats<\/strong>\u00a0\u2014 YAML and JSON parsed automatically<\/li>\n\n\n\n<li><strong>No data leaves your browser<\/strong>\u00a0\u2014 everything processes client-side<\/li>\n\n\n\n<li><strong>Expandable sections<\/strong>\u00a0\u2014 click to reveal parameters, schemas, and response details<\/li>\n\n\n\n<li><strong>Visual method badges<\/strong>\u00a0\u2014 color-coded GET, POST, PUT, DELETE indicators<\/li>\n\n\n\n<li><strong>Quick navigation<\/strong>\u00a0\u2014 sidebar tree for instant access to any endpoint or schema<\/li>\n\n\n\n<li><strong>Works offline<\/strong>\u00a0\u2014 after first load, no internet required<\/li>\n\n\n\n<li><strong>Mobile-friendly<\/strong>\u00a0\u2014 responsive design works on any device<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">How to Use<\/h3>\n\n\n\n<p><strong>Upload a File:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to\u00a0<a href=\"https:\/\/www.julianreed.net\/oas-viewer.html\">julianreed.net\/oas-viewer.html<\/a><\/li>\n\n\n\n<li>Click\u00a0<strong>Upload File<\/strong>\u00a0tab<\/li>\n\n\n\n<li>Choose your\u00a0<code>.yaml<\/code>,\u00a0<code>.yml<\/code>, or\u00a0<code>.json<\/code>\u00a0OAS file<\/li>\n\n\n\n<li>Navigate using the sidebar or scroll through endpoints<\/li>\n<\/ol>\n\n\n\n<p><strong>Paste Content:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to\u00a0<a href=\"https:\/\/www.julianreed.net\/oas-viewer.html\">julianreed.net\/oas-viewer.html<\/a><\/li>\n\n\n\n<li>Click\u00a0<strong>Paste Content<\/strong>\u00a0tab<\/li>\n\n\n\n<li>Paste your OpenAPI specification<\/li>\n\n\n\n<li>Click\u00a0<strong>Parse Specification<\/strong><\/li>\n\n\n\n<li>Explore your API structure<\/li>\n<\/ol>\n\n\n\n<p><strong>Navigation:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sidebar<\/strong>\u00a0\u2014 click any endpoint or schema to jump directly to it<\/li>\n\n\n\n<li><strong>Expandable sections<\/strong>\u00a0\u2014 click &#8220;Parameters&#8221;, &#8220;Request Body&#8221;, or &#8220;Responses&#8221; to reveal details<\/li>\n\n\n\n<li><strong>Method badges<\/strong>\u00a0\u2014 color-coded for quick identification<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Use Cases<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reviewing ISO 20022 payment schemas (pain.001, pacs.008, camt.054)<\/li>\n\n\n\n<li>Quick API specification inspection during development<\/li>\n\n\n\n<li>Client-facing API documentation without complex hosting<\/li>\n\n\n\n<li>Offline API spec viewing for sensitive projects<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A Clean, Client-Side Tool for Exploring API Documentation What It Does A lightweight viewer that lets you inspect OpenAPI specifications (YAML or JSON) directly in your browser \u2014 no uploads, no servers, just instant visualization of your API&#8217;s structure. Benefits How to Use Upload a File: Paste Content: Navigation: Use Cases<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-1034","page","type-page","status-publish","hentry","entry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.julianreed.net\/index.php?rest_route=\/wp\/v2\/pages\/1034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.julianreed.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.julianreed.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.julianreed.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.julianreed.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1034"}],"version-history":[{"count":1,"href":"https:\/\/www.julianreed.net\/index.php?rest_route=\/wp\/v2\/pages\/1034\/revisions"}],"predecessor-version":[{"id":1035,"href":"https:\/\/www.julianreed.net\/index.php?rest_route=\/wp\/v2\/pages\/1034\/revisions\/1035"}],"wp:attachment":[{"href":"https:\/\/www.julianreed.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}