[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhttpie":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":329,"dates":359},"\u002Fexamples\u002Fapps\u002Fhttpie","detail","apps",true,{"title":9,"description":10,"og_image":11},"Httpie design examples - Nicelydone","Explore Httpie UI design examples. API testing client that flows with you","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d72086f-e19f-4bfd-8e7f-fe78bf03af52.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Httpie design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Httpie",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Httpie","httpie","API testing client that flows with you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhttpie-de4dd3bb.png","https:\u002F\u002Fhttpie.io",[47],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",[],[53,320,323,326],{"family":54,"examples":55},"screens",[56,112,142,158,173,195,212,232,251,269,285,304],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":101,"app":110},"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",[65,74,83,92],{"id":66,"label":67,"slug":68,"rank":69,"group":70},95,"API Keys","api-keys",0,{"id":71,"label":72,"slug":73},10,"Settings & Admin","settings-and-admin",{"id":75,"label":76,"slug":77,"rank":78,"group":79},53,"Code Editor","code-editor",1,{"id":80,"label":81,"slug":82},5,"Media & Tools","media-and-tools",{"id":84,"label":85,"slug":86,"rank":87,"group":88},115,"Empty State","empty-state",2,{"id":89,"label":90,"slug":91},12,"States & Feedback","states-and-feedback",{"id":93,"label":94,"slug":95,"rank":96,"group":97},47,"Table","table",3,{"id":98,"label":99,"slug":100},4,"Data & Analysis","data-and-analysis",[102,106],{"id":103,"title":104,"slug":105},175,"Button","button",{"id":107,"title":108,"slug":109},233,"Tabs","tabs",{"slug":42,"title":41,"logo":44,"categories":111},[],{"uuid":113,"title":58,"description":114,"canonical_path":29,"image":115,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":116,"component_categories":133,"app":140},"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",[117,119,126,131],{"id":66,"label":67,"slug":68,"rank":69,"group":118},{"id":71,"label":72,"slug":73},{"id":120,"label":121,"slug":122,"rank":78,"group":123},7,"Add & Create","add-and-create",{"id":87,"label":124,"slug":125},"Actions","actions",{"id":127,"label":128,"slug":129,"rank":87,"group":130},15,"Import & Export","import-and-export",{"id":87,"label":124,"slug":125},{"id":75,"label":76,"slug":77,"rank":96,"group":132},{"id":80,"label":81,"slug":82},[134,138,139],{"id":135,"title":136,"slug":137},169,"Avatar","avatar",{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":141},[],{"uuid":143,"title":58,"description":144,"canonical_path":29,"image":145,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":146,"component_categories":153,"app":156},"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",[147,149,151],{"id":75,"label":76,"slug":77,"rank":69,"group":148},{"id":80,"label":81,"slug":82},{"id":84,"label":85,"slug":86,"rank":78,"group":150},{"id":89,"label":90,"slug":91},{"id":127,"label":128,"slug":129,"rank":87,"group":152},{"id":87,"label":124,"slug":125},[154,155],{"id":135,"title":136,"slug":137},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":157},[],{"uuid":159,"title":58,"description":160,"canonical_path":29,"image":161,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":162,"component_categories":167,"app":171},"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",[163,165],{"id":66,"label":67,"slug":68,"rank":69,"group":164},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":166},{"id":80,"label":81,"slug":82},[168,169,170],{"id":135,"title":136,"slug":137},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":58,"description":175,"canonical_path":29,"image":176,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":177,"component_categories":189,"app":193},"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",[178,180,182,187],{"id":66,"label":67,"slug":68,"rank":69,"group":179},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":181},{"id":80,"label":81,"slug":82},{"id":183,"label":184,"slug":185,"rank":87,"group":186},58,"Media Editor","media-editor",{"id":80,"label":81,"slug":82},{"id":127,"label":128,"slug":129,"rank":96,"group":188},{"id":87,"label":124,"slug":125},[190,191,192],{"id":135,"title":136,"slug":137},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":194},[],{"uuid":196,"title":58,"description":197,"canonical_path":29,"image":198,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":199,"component_categories":206,"app":210},"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",[200,202,204],{"id":75,"label":76,"slug":77,"rank":69,"group":201},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":203},{"id":71,"label":72,"slug":73},{"id":127,"label":128,"slug":129,"rank":87,"group":205},{"id":87,"label":124,"slug":125},[207,208,209],{"id":135,"title":136,"slug":137},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":211},[],{"uuid":213,"title":58,"description":214,"canonical_path":29,"image":215,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":216,"component_categories":223,"app":230},"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",[217,219,221],{"id":75,"label":76,"slug":77,"rank":69,"group":218},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":220},{"id":71,"label":72,"slug":73},{"id":127,"label":128,"slug":129,"rank":87,"group":222},{"id":87,"label":124,"slug":125},[224,228,229],{"id":225,"title":226,"slug":227},174,"Card","card",{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":231},[],{"uuid":233,"title":58,"description":234,"canonical_path":29,"image":235,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":236,"component_categories":241,"app":249},"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",[237,239],{"id":75,"label":76,"slug":77,"rank":69,"group":238},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":240},{"id":71,"label":72,"slug":73},[242,246,247,248],{"id":243,"title":244,"slug":245},260,"Badge","badge",{"id":135,"title":136,"slug":137},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":250},[],{"uuid":252,"title":58,"description":253,"canonical_path":29,"image":254,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":255,"component_categories":262,"app":267},"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",[256,258,260],{"id":75,"label":76,"slug":77,"rank":69,"group":257},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":259},{"id":71,"label":72,"slug":73},{"id":127,"label":128,"slug":129,"rank":87,"group":261},{"id":87,"label":124,"slug":125},[263,264,265,266],{"id":243,"title":244,"slug":245},{"id":225,"title":226,"slug":227},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":268},[],{"uuid":270,"title":58,"description":271,"canonical_path":29,"image":272,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":273,"component_categories":280,"app":283},"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",[274,276,278],{"id":75,"label":76,"slug":77,"rank":69,"group":275},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":277},{"id":71,"label":72,"slug":73},{"id":127,"label":128,"slug":129,"rank":87,"group":279},{"id":87,"label":124,"slug":125},[281,282],{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":284},[],{"uuid":286,"title":58,"description":287,"canonical_path":29,"image":288,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":289,"component_categories":296,"app":302},"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",[290,292,294],{"id":75,"label":76,"slug":77,"rank":69,"group":291},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":293},{"id":71,"label":72,"slug":73},{"id":127,"label":128,"slug":129,"rank":87,"group":295},{"id":87,"label":124,"slug":125},[297,298,299,300,301],{"id":225,"title":226,"slug":227},{"id":243,"title":244,"slug":245},{"id":135,"title":136,"slug":137},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":303},[],{"uuid":305,"title":58,"description":306,"canonical_path":29,"image":307,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":308,"component_categories":313,"app":318},"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",[309,311],{"id":75,"label":76,"slug":77,"rank":69,"group":310},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":312},{"id":71,"label":72,"slug":73},[314,315,316,317],{"id":225,"title":226,"slug":227},{"id":243,"title":244,"slug":245},{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"slug":42,"title":41,"logo":44,"categories":319},[],{"family":321,"examples":322},"flows",[],{"family":324,"examples":325},"components",[],{"family":327,"examples":328},"pages",[],[330,332,334,336,338,341,343,347,351,355],{"label":331,"to":29},"Httpie product screens",{"label":333,"to":38},"Httpie marketing pages",{"label":335,"to":32},"Httpie user flows",{"label":337,"to":35},"Httpie UI components",{"label":339,"to":340},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":342,"to":18},"All SaaS app examples",{"label":344,"to":345,"description":346},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":348,"to":349,"description":350},"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":352,"to":353,"description":354},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":356,"to":357,"description":358},"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":360,"updated_at":361},"2024-05-17T07:07:21.000Z","2026-09-26T00:10:30.000Z"]