[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fthreads-net\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":220,"links":221,"dates":237},"\u002Fexamples\u002Fapps\u002Fthreads-net\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Threads UI components examples - Nicelydone","Browse Threads UI component design examples. Preview individual interface elements and explore related component categories. Say more with Threads","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7491f421-c21a-46c3-9ff7-b3cce4fda199.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},"Threads design examples","\u002Fexamples\u002Fapps\u002Fthreads-net",{"label":23,"to":4},"Threads UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Threads","threads-net","Say more with Threads","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthreads-vea0b9m3.png","https:\u002F\u002Fwww.threads.net",[35,39],{"id":36,"title":37,"slug":38},14,"Social","social",{"id":40,"title":41,"slug":42},49,"Social Network","social-network",[44,59,74,89,104,119,133,148,163,178,190,205],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"403eaefa-30d7-46f8-b30b-d40d285184da","Report a problem form","A modal form for reporting a problem, featuring a large textarea with placeholder text, an attachment icon, and a submit button.",1079,678,"Report a problem form from Threads","component",[53],{"id":54,"title":55,"slug":56},296,"Feedback","feedback",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":61,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":66,"kind":51,"categories":67,"app":72},"f0ef8cb4-680e-417e-94eb-a8c750f69f74","Suggested accounts carousel","A horizontal carousel of profile cards suggesting accounts to follow. Each card features a large circular avatar, display name, handle, a prominent Follow button, and a close icon to dismiss the suggestion.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3a0d181-30db-4e6f-af16-1aec5e75d0a2.png",1224,725,"Suggested accounts carousel from Threads",[68],{"id":69,"title":70,"slug":71},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":81,"kind":51,"categories":82,"app":87},"2d87433d-2e73-41cf-a847-36fe476ad687","Post options menu","A dropdown menu showing options for a social media post, including edit, save, pin, reply settings, hide counts, and delete.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5290af7a-5823-46ba-afc1-c7ea21b86d1d.png",626,757,"Post options menu from Threads",[83],{"id":84,"title":85,"slug":86},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":96,"kind":51,"categories":97,"app":102},"d3118bf8-9545-4dc4-b384-39f6a626398d","Success Toast","A dark-themed toast notification confirming a successful post, featuring a checkmark icon and an action link to view the post.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2d563c39-70d3-4244-aa51-b3ab064092f5.png",754,171,"Success Toast from Threads",[98],{"id":99,"title":100,"slug":101},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":111,"kind":51,"categories":112,"app":117},"e8438dd3-8d29-42be-846e-51e60908fcf6","Search overlay with user suggestions","A search input field showing real-time user profile suggestions based on the typed query. Each suggestion includes an avatar, username, full name, verification badge (if applicable), and a Follow button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F29f5189d-2283-4ad3-9c47-f8f65a0122a7.png",1542,1572,"Search overlay with user suggestions from Threads",[113],{"id":114,"title":115,"slug":116},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":124,"height":49,"image_alt":125,"kind":51,"categories":126,"app":131},"7f2441ad-2159-4708-b43d-f64b669d04a5","Mentions privacy settings","A radio group for selecting who can mention the user, with options for Everyone, Profiles you follow, and No one.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8afea86-f4be-4c59-bb1f-8290898d8905.png",822,"Mentions privacy settings from Threads",[127],{"id":128,"title":129,"slug":130},216,"Radio button","radio-button",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":140,"kind":51,"categories":141,"app":146},"463bc620-5d67-4bf2-812a-82826d20be11","Private profile toggle","A list item containing a lock icon, the text 'Private profile', and a toggle switch in the off position.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2f9e1af4-f199-44a0-ab88-0879b27fff66.png",1392,304,"Private profile toggle from Threads",[142],{"id":143,"title":144,"slug":145},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":51,"categories":156,"app":161},"d5ace8c4-d077-4a54-81a3-e32e5428520d","Settings tabs","A horizontal tab navigation bar with three options: Privacy, Account, and Help. The Privacy tab is currently selected, indicated by bold text and a black underline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d081cda-3d66-41d5-aca2-ac359b7bfba2.png",1398,376,"Settings tabs from Threads",[157],{"id":158,"title":159,"slug":160},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":170,"kind":51,"categories":171,"app":176},"1799a77e-57e3-44b0-8903-4abfbc1f8510","Appearance settings popover","A popover menu for selecting the app's appearance theme, offering light, dark, and auto options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd833c305-100f-4759-abf7-fa5e3ddb0178.png",852,438,"Appearance settings popover from Threads",[172],{"id":173,"title":174,"slug":175},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":185,"kind":51,"categories":186,"app":188},"504a601d-574a-48a4-a6f7-ea7fac3acd82","Threads UI component","A modal for appearance settings with a toggle for light, dark, and auto modes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe5a5a101-6fa9-42e6-a882-1811b9fba743.png",774,394,"UI component from Threads",[187],{"id":173,"title":174,"slug":175},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":197,"kind":51,"categories":198,"app":203},"3c1eed5a-d4ec-4e91-b1f8-4b3d3d748b9f","Activity notification item","A list item showing a new follower notification. It features a user avatar with a small badge icon indicating the follow action, alongside the username, a relative timestamp, and the text 'Followed you'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdea3b001-ee22-49ac-ae0f-7d6c031c98ee.png",481,208,"Activity notification item from Threads",[199],{"id":200,"title":201,"slug":202},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":210,"height":211,"image_alt":212,"kind":51,"categories":213,"app":218},"38d6ad66-79ff-4902-9bef-512a279c943c","Icon-only top navigation bar","A minimalist top navigation bar featuring a logo on the left, a centered group of five navigation icons, and a hamburger menu icon on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a62c7ea-aa57-4654-8454-b6dbc561f466.png",2624,320,"Icon-only top navigation bar from Threads",[214],{"id":215,"title":216,"slug":217},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":219},[],[],[222,225,228,231,234],{"label":223,"to":224},"Threads product screens","\u002Fexamples\u002Fapps\u002Fthreads-net\u002Fscreens",{"label":226,"to":227},"Threads marketing pages","\u002Fexamples\u002Fapps\u002Fthreads-net\u002Fmarketing",{"label":229,"to":230},"Threads user flows","\u002Fexamples\u002Fapps\u002Fthreads-net\u002Fflows",{"label":232,"to":233},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":235,"to":236},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"published_at":238,"updated_at":239},"2024-03-18T16:27:07.000Z","2026-09-22T12:10:33.000Z"]