[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhttpie\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":304,"links":305,"dates":350},"\u002Fexamples\u002Fapps\u002Fhttpie\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Httpie product screens examples - Nicelydone","Browse Httpie screen design examples. Preview the interface screenshots and explore related UI patterns. API testing client that flows with you","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d72086f-e19f-4bfd-8e7f-fe78bf03af52.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Httpie design examples","\u002Fexamples\u002Fapps\u002Fhttpie",{"label":23,"to":4},"Httpie product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Httpie","httpie","API testing client that flows with you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhttpie-de4dd3bb.png","https:\u002F\u002Fhttpie.io",[35],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",[40,96,126,142,157,179,196,216,235,253,269,288],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":85,"app":94},"0d72086f-e19f-4bfd-8e7f-fe78bf03af52","HTTPie for Web — API testing client","Detail page where the user configures and sends an HTTP GET request to a specific URL, with an empty response state currently visible.",3024,1722,"HTTPie for Web — API testing client from Httpie","screen",[49,58,67,76],{"id":50,"label":51,"slug":52,"rank":53,"group":54},95,"API Keys","api-keys",0,{"id":55,"label":56,"slug":57},10,"Settings & Admin","settings-and-admin",{"id":59,"label":60,"slug":61,"rank":62,"group":63},53,"Code Editor","code-editor",1,{"id":64,"label":65,"slug":66},5,"Media & Tools","media-and-tools",{"id":68,"label":69,"slug":70,"rank":71,"group":72},115,"Empty State","empty-state",2,{"id":73,"label":74,"slug":75},12,"States & Feedback","states-and-feedback",{"id":77,"label":78,"slug":79,"rank":80,"group":81},47,"Table","table",3,{"id":82,"label":83,"slug":84},4,"Data & Analysis","data-and-analysis",[86,90],{"id":87,"title":88,"slug":89},175,"Button","button",{"id":91,"title":92,"slug":93},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":42,"description":98,"canonical_path":4,"image":99,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":100,"component_categories":117,"app":124},"4581a08b-0445-4776-bba5-65d0f9afcb70","API client workspace where the user configures a new GET request, manages parameters, and accesses their collections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4581a08b-0445-4776-bba5-65d0f9afcb70.png",[101,103,110,115],{"id":50,"label":51,"slug":52,"rank":53,"group":102},{"id":55,"label":56,"slug":57},{"id":104,"label":105,"slug":106,"rank":62,"group":107},7,"Add & Create","add-and-create",{"id":71,"label":108,"slug":109},"Actions","actions",{"id":111,"label":112,"slug":113,"rank":71,"group":114},15,"Import & Export","import-and-export",{"id":71,"label":108,"slug":109},{"id":59,"label":60,"slug":61,"rank":80,"group":116},{"id":64,"label":65,"slug":66},[118,122,123],{"id":119,"title":120,"slug":121},169,"Avatar","avatar",{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":42,"description":128,"canonical_path":4,"image":129,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":130,"component_categories":137,"app":140},"9280516e-4c40-45cf-80cb-a3e2498b59c8","API testing interface where the user configures a GET request with parameters, headers, and body before sending.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9280516e-4c40-45cf-80cb-a3e2498b59c8.png",[131,133,135],{"id":59,"label":60,"slug":61,"rank":53,"group":132},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":62,"group":134},{"id":73,"label":74,"slug":75},{"id":111,"label":112,"slug":113,"rank":71,"group":136},{"id":71,"label":108,"slug":109},[138,139],{"id":119,"title":120,"slug":121},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":42,"description":144,"canonical_path":4,"image":145,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":146,"component_categories":151,"app":155},"aa0e0fa4-d904-4afb-b752-78d2387df3bb","API client workspace where the user is executing a GET request and waiting for the response to load.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa0e0fa4-d904-4afb-b752-78d2387df3bb.png",[147,149],{"id":50,"label":51,"slug":52,"rank":53,"group":148},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":150},{"id":64,"label":65,"slug":66},[152,153,154],{"id":119,"title":120,"slug":121},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":42,"description":159,"canonical_path":4,"image":160,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":161,"component_categories":173,"app":177},"0802d7d9-b8bf-4446-b07e-d186128d622c","API client interface where the user configures a GET request to httpie.io\u002Fhello and views the resulting JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0802d7d9-b8bf-4446-b07e-d186128d622c.png",[162,164,166,171],{"id":50,"label":51,"slug":52,"rank":53,"group":163},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":165},{"id":64,"label":65,"slug":66},{"id":167,"label":168,"slug":169,"rank":71,"group":170},58,"Media Editor","media-editor",{"id":64,"label":65,"slug":66},{"id":111,"label":112,"slug":113,"rank":80,"group":172},{"id":71,"label":108,"slug":109},[174,175,176],{"id":119,"title":120,"slug":121},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":42,"description":181,"canonical_path":4,"image":182,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":183,"component_categories":190,"app":194},"d4608e07-c8e9-4429-b3d1-78718f230d84","Code editor where the user configures an HTTP GET request with parameters and views the formatted JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4608e07-c8e9-4429-b3d1-78718f230d84.png",[184,186,188],{"id":59,"label":60,"slug":61,"rank":53,"group":185},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":187},{"id":55,"label":56,"slug":57},{"id":111,"label":112,"slug":113,"rank":71,"group":189},{"id":71,"label":108,"slug":109},[191,192,193],{"id":119,"title":120,"slug":121},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":42,"description":198,"canonical_path":4,"image":199,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":200,"component_categories":207,"app":214},"0af968d8-5dca-4106-862a-d861b38e04cd","API client workspace where the user configures a GET request with parameters and inspects the JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0af968d8-5dca-4106-862a-d861b38e04cd.png",[201,203,205],{"id":59,"label":60,"slug":61,"rank":53,"group":202},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":204},{"id":55,"label":56,"slug":57},{"id":111,"label":112,"slug":113,"rank":71,"group":206},{"id":71,"label":108,"slug":109},[208,212,213],{"id":209,"title":210,"slug":211},174,"Card","card",{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":42,"description":218,"canonical_path":4,"image":219,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":220,"component_categories":225,"app":233},"f3cfdd96-b547-482f-a2fc-35b44cfd59e1","Code editor where the user configures an HTTP GET request to a hello endpoint and views the resulting JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3cfdd96-b547-482f-a2fc-35b44cfd59e1.png",[221,223],{"id":59,"label":60,"slug":61,"rank":53,"group":222},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":224},{"id":55,"label":56,"slug":57},[226,230,231,232],{"id":227,"title":228,"slug":229},260,"Badge","badge",{"id":119,"title":120,"slug":121},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":42,"description":237,"canonical_path":4,"image":238,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":239,"component_categories":246,"app":251},"1ead5593-a419-43b9-aec9-6ef6e944fb8d","Code editor where the user configures a GET request to httpie.io\u002Fhello, selects an authentication method, and views the 200 OK JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ead5593-a419-43b9-aec9-6ef6e944fb8d.png",[240,242,244],{"id":59,"label":60,"slug":61,"rank":53,"group":241},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":243},{"id":55,"label":56,"slug":57},{"id":111,"label":112,"slug":113,"rank":71,"group":245},{"id":71,"label":108,"slug":109},[247,248,249,250],{"id":227,"title":228,"slug":229},{"id":209,"title":210,"slug":211},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":252},[],{"uuid":254,"title":42,"description":255,"canonical_path":4,"image":256,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":257,"component_categories":264,"app":267},"329f9dbe-7a93-4a72-adc6-176c11ae5a6b","Code editor where the user configures an API request with a bearer token and views the JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F329f9dbe-7a93-4a72-adc6-176c11ae5a6b.png",[258,260,262],{"id":59,"label":60,"slug":61,"rank":53,"group":259},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":261},{"id":55,"label":56,"slug":57},{"id":111,"label":112,"slug":113,"rank":71,"group":263},{"id":71,"label":108,"slug":109},[265,266],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":42,"description":271,"canonical_path":4,"image":272,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":273,"component_categories":280,"app":286},"5214d0ee-51a1-4343-84b9-18a2b0be9906","Code editor where the user configures an HTTP GET request with a bearer token and views the JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5214d0ee-51a1-4343-84b9-18a2b0be9906.png",[274,276,278],{"id":59,"label":60,"slug":61,"rank":53,"group":275},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":277},{"id":55,"label":56,"slug":57},{"id":111,"label":112,"slug":113,"rank":71,"group":279},{"id":71,"label":108,"slug":109},[281,282,283,284,285],{"id":209,"title":210,"slug":211},{"id":227,"title":228,"slug":229},{"id":119,"title":120,"slug":121},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":287},[],{"uuid":289,"title":42,"description":290,"canonical_path":4,"image":291,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":292,"component_categories":297,"app":302},"ae25973c-d528-4a18-b031-9401bb269e17","Code editor where the user configures an HTTP GET request and views the resulting JSON response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae25973c-d528-4a18-b031-9401bb269e17.png",[293,295],{"id":59,"label":60,"slug":61,"rank":53,"group":294},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":296},{"id":55,"label":56,"slug":57},[298,299,300,301],{"id":209,"title":210,"slug":211},{"id":227,"title":228,"slug":229},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":303},[],[],[306,308,310,312,314,316,318,320,323,326,329,332,334,338,342,346],{"label":60,"to":307},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":51,"to":309},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":112,"to":311},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":69,"to":313},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":105,"to":315},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":168,"to":317},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":78,"to":319},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":321,"to":322},"Httpie marketing pages","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fmarketing",{"label":324,"to":325},"Httpie user flows","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fflows",{"label":327,"to":328},"Httpie UI components","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fcomponents",{"label":330,"to":331},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":333,"to":18},"All SaaS app examples",{"label":335,"to":336,"description":337},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":339,"to":340,"description":341},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":343,"to":344,"description":345},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":347,"to":348,"description":349},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":351,"updated_at":352},"2024-05-17T07:21:52.000Z","2026-09-13T13:02:39.000Z"]