[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhttpie\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":206,"links":207,"dates":220},"\u002Fexamples\u002Fapps\u002Fhttpie\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Httpie UI components examples - Nicelydone","Browse Httpie UI component design examples. Preview individual interface elements and explore related component categories. API testing client that flows…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1a48f2a5-3012-4386-8fdb-628a62d7b8ac.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Httpie UI component design examples. Preview individual interface elements and explore related component categories. API testing client that flows with you",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Httpie","httpie","API testing client that flows with you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhttpie-de4dd3bb.png","https:\u002F\u002Fhttpie.io",[36],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",[41,55,70,85,100,115,125,140,150,165,179,192],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":53},"8ab9db8c-57b5-48e5-aeb6-211fa25061b6","Hero section","A dark-themed hero section featuring a top navigation bar, a large bold headline, a subheadline, and an illustrative graphic showing terminal and desktop app interfaces.",3024,1696,"Hero section from Httpie","component",[50],{"id":51,"title":43,"slug":52},197,"hero-section",{"slug":31,"title":30,"logo":33,"categories":54},[],{"uuid":56,"title":57,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":62,"kind":48,"categories":63,"app":68},"792c7238-a4e5-480f-9c70-540d1a9c45ba","API Request Code Block","A code block displaying a generated HTTP POST request with a JSON body. It includes a header with the method and URL, a toolbar for body type selection, and a syntax-highlighted code editor area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6de5550-a76b-45be-b054-ec213fff7475.png",1828,763,"API Request Code Block from Httpie",[64],{"id":65,"title":66,"slug":67},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":75,"height":76,"image_alt":77,"kind":48,"categories":78,"app":83},"9e7322ab-51db-4946-be39-18912bdf14db","Httpie UI component","A list of drafts with their respective method and time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F88877552-6fde-4481-b6c9-eba608b639e6.png",800,329,"UI component from Httpie",[79],{"id":80,"title":81,"slug":82},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":92,"kind":48,"categories":93,"app":98},"4126a4f6-1baa-4c6b-a922-91595101c69d","API Request Builder Header","A dark-themed header for an API request builder, featuring a tabbed interface for multiple requests and a main input bar for the HTTP method, URL, and a 'Send' button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5347c2b7-1c79-460e-910e-aed76383e7ef.png",2374,432,"API Request Builder Header from Httpie",[94],{"id":95,"title":96,"slug":97},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":4,"image":104,"width":105,"height":106,"image_alt":107,"kind":48,"categories":108,"app":113},"2d11e422-3bf8-4852-aa20-8796ea97baa2","AI Request Generator Modal","A modal window for generating API requests using AI. It includes an input field for the prompt, a generated request preview with method, URL, and JSON body, and actions to save, clear, or provide feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70b2f65a-dbed-4c9d-860b-a05db939aba2.png",1980,1173,"AI Request Generator Modal from Httpie",[109],{"id":110,"title":111,"slug":112},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":114},[],{"uuid":116,"title":102,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":107,"kind":48,"categories":121,"app":123},"8536cb0d-db57-45c1-905e-fcc11d2dd079","A modal dialog for generating API requests using AI. It features a text input field with a placeholder, a disabled 'Generate' button, and an example prompt below the input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9dd38d4f-c4ca-49f1-b179-77fb7957657b.png",1967,644,[122],{"id":110,"title":111,"slug":112},{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":132,"kind":48,"categories":133,"app":138},"50d15b7f-88f1-4454-aa49-27a0a08cc41b","Theme selector","A visual theme selector offering Dark, System, and Light options, represented by thumbnail previews of the interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb9fd8718-0ce0-4cc2-9f14-97be092a5a94.png",1288,635,"Theme selector from Httpie",[134],{"id":135,"title":136,"slug":137},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":139},[],{"uuid":141,"title":127,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":132,"kind":48,"categories":146,"app":148},"9c546dc4-a83b-467c-88b0-d549f55218b5","A visual theme selector offering Dark, System, and Light options. Each option displays a thumbnail preview of the interface in that theme. The Dark option is currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3924c44-7118-4884-8f64-a7716791428a.png",1304,611,[147],{"id":135,"title":136,"slug":137},{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":157,"kind":48,"categories":158,"app":163},"d606bed2-ffd3-4bb8-8e8a-d5769788f319","Settings toggle","A settings row with a title, descriptive text, and a toggle switch in the active state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72b0a242-bd12-4086-9fcd-69b2dc3d04f1.png",1290,342,"Settings toggle from Httpie",[159],{"id":160,"title":161,"slug":162},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":144,"height":170,"image_alt":171,"kind":48,"categories":172,"app":177},"5fe779ca-6464-4015-aa22-318613cd02e1","Import File Modal","A modal dialog for importing files, featuring a drag-and-drop area, a file selection button, and a list of supported formats.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe0cadab5-141a-4b40-b75e-ec4ea2cc3e0e.png",928,"Import File Modal from Httpie",[173],{"id":174,"title":175,"slug":176},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":178},[],{"uuid":180,"title":72,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":77,"kind":48,"categories":185,"app":190},"f16841c5-9ba6-4aee-b4a6-61a9cb8b3581","A context menu with options for tab management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8f36c556-eab6-4d91-a1ab-8622639690cf.png",583,670,[186],{"id":187,"title":188,"slug":189},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":197,"height":156,"image_alt":198,"kind":48,"categories":199,"app":204},"9c7aa344-7d16-4868-a8b1-0ade4f052d77","Create collection modal","A modal for creating a new collection, featuring a text input for the name and a row of color swatches for selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e1e65a2-9466-4578-8693-681107b3bca8.png",748,"Create collection modal from Httpie",[200],{"id":201,"title":202,"slug":203},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":205},[],[],[208,211,214,217],{"label":209,"to":210},"Httpie product screens","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fscreens",{"label":212,"to":213},"Httpie marketing pages","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fmarketing",{"label":215,"to":216},"Httpie user flows","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fflows",{"label":218,"to":219},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":221,"updated_at":222},"2024-05-20T09:44:11.000Z","2026-09-26T00:10:30.000Z"]