[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcosmos\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":214,"links":215,"dates":249},"\u002Fexamples\u002Fapps\u002Fcosmos\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Cosmos UI components examples - Nicelydone","Browse Cosmos UI component design examples. Preview individual interface elements and explore related component categories. A Pinterest alternative for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf021042-3c3e-4a81-8577-a7f6f85cfa4d.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},"Cosmos design examples","\u002Fexamples\u002Fapps\u002Fcosmos",{"label":23,"to":4},"Cosmos UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Cosmos UI component design examples. Preview individual interface elements and explore related component categories. A Pinterest alternative for creatives",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Cosmos","cosmos","A Pinterest alternative for creatives","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcosmos-fa9ca9b5.png","https:\u002F\u002Fcosmos.so","thecosmos",[37,41],{"id":38,"title":39,"slug":40},65,"Social Bookmarking","social-bookmarking",{"id":42,"title":43,"slug":44},2,"Content Curation","content-curation",[46,61,76,91,106,121,136,148,163,175,187,202],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"987ebd81-929f-4af2-9fa9-8db240f7f920","Cosmos Hero Section","A dark-themed hero section featuring a large central logo, a subtitle with a highlighted keyword, and scattered image thumbnails floating in the background. It includes a top navigation bar with a waitlist CTA, a theme toggle in the bottom left, and a scroll indicator in the bottom right.",3024,1670,"Cosmos Hero Section from Cosmos","component",[55],{"id":56,"title":57,"slug":58},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":65,"width":66,"height":67,"image_alt":68,"kind":53,"categories":69,"app":74},"0aae4ca0-90eb-496a-b368-a0e06151e8c3","Search input with keyboard shortcut","A dark-themed search input field featuring a magnifying glass icon, placeholder text, and a keyboard shortcut indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf83d783-3786-435e-9888-591950cf1979.png",888,212,"Search input with keyboard shortcut from Cosmos",[70],{"id":71,"title":72,"slug":73},295,"Input search","input-search",{"slug":31,"title":30,"logo":33,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":83,"kind":53,"categories":84,"app":89},"679acd5e-7f33-4c66-80ae-d5a492f6f245","Cluster details popover","A dark-themed popover displaying cluster statistics (Elements and Followers), an Edit button, and a grid of thumbnails representing the cluster's content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2bd2918e-379c-4148-a532-7109fa27f304.png",1058,469,"Cluster details popover from Cosmos",[85],{"id":86,"title":87,"slug":88},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":98,"kind":53,"categories":99,"app":104},"b1cda491-087c-4fcc-9917-b739385c8df1","User profile list item","A list item showing a user's avatar, handle with a verified badge, and full name.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02a3000c-a599-47b7-a8aa-d16551c4a82a.png",490,216,"User profile list item from Cosmos",[100],{"id":101,"title":102,"slug":103},169,"Avatar","avatar",{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":113,"kind":53,"categories":114,"app":119},"5dedd826-694e-42b1-9765-924fa1d8378c","Error Toast Notification","A dark-themed toast notification displaying an error message about a failed payment.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1754a706-63be-4151-8c78-6b026e81d5d5.png",805,141,"Error Toast Notification from Cosmos",[115],{"id":116,"title":117,"slug":118},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":128,"kind":53,"categories":129,"app":134},"8c96f287-712d-45a3-b49b-0939e787c90f","Billing cycle radio group","A radio group for selecting a billing cycle, featuring a selected 'Yearly' option with a 'Save 25%' badge and an unselected 'Monthly' option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbeb3394b-28b4-4675-9d62-798b79058948.png",768,387,"Billing cycle radio group from Cosmos",[130],{"id":131,"title":132,"slug":133},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":143,"kind":53,"categories":144,"app":146},"e5fcef45-f159-4c9c-afad-420cbe0fbc6a","Activity feed item","A single row in an activity feed showing a user action. It includes an avatar, a text description of the action with a relative timestamp, and a thumbnail image related to the action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F67588193-7b55-4670-b569-fe5b7a06bab5.png",834,208,"Activity feed item from Cosmos",[145],{"id":101,"title":102,"slug":103},{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":53,"categories":156,"app":161},"fd156ff3-ef92-484a-9558-c328062cf7f6","Sort dropdown menu","An open dropdown menu for sorting content, showing 'Recent Activity' as the selected option and 'A to Z' as an alternative.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a078870-5c4e-4821-832a-0c7481546e40.png",500,406,"Sort dropdown menu from Cosmos",[157],{"id":158,"title":159,"slug":160},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":170,"kind":53,"categories":171,"app":173},"0fb85c38-619a-4597-a7b1-7f66dc0af0d5","Navigation icons with tooltip","A row of utility icons including a sidebar toggle, an activity feed icon with an unread badge, an add button, and a user profile avatar with a dropdown arrow. A tooltip labeled 'Activity' appears below the activity icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3b12e6d-d17c-42c4-bb23-52ea7c9ac64f.png",482,248,"Navigation icons with tooltip from Cosmos",[172],{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":182,"kind":53,"categories":183,"app":185},"dd926533-6058-41c2-8a3d-69e3a3b8bffb","Search combobox","A dark-themed search input with a dropdown menu showing search results for users and clusters.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0ae6095-ddf1-4fb1-a58d-dcf557b775c6.png",862,912,"Search combobox from Cosmos",[184],{"id":71,"title":72,"slug":73},{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":189,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":194,"kind":53,"categories":195,"app":200},"92d74901-c75c-4083-901e-75e3b5f7c0a2","Privacy toggle switch","A toggle switch with a label and helper text to set a cluster's privacy status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F13f435a6-efdf-4343-9e1d-38aee873a4a6.png",727,200,"Privacy toggle switch from Cosmos",[196],{"id":197,"title":198,"slug":199},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":201},[],{"uuid":203,"title":204,"description":205,"canonical_path":4,"image":206,"width":207,"height":208,"image_alt":209,"kind":53,"categories":210,"app":212},"b1ba0ae2-d8cb-4b58-897a-e9f66af784d4","Profile Header","A user profile header displaying an avatar, name with a verified badge, username, following count, and a personal website link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F33890462-5299-4ecf-b6b2-fbbd54553f17.png",486,498,"Profile Header from Cosmos",[211],{"id":101,"title":102,"slug":103},{"slug":31,"title":30,"logo":33,"categories":213},[],[],[216,219,222,225,228,231,233,237,241,245],{"label":217,"to":218},"Cosmos product screens","\u002Fexamples\u002Fapps\u002Fcosmos\u002Fscreens",{"label":220,"to":221},"Cosmos marketing pages","\u002Fexamples\u002Fapps\u002Fcosmos\u002Fmarketing",{"label":223,"to":224},"Cosmos user flows","\u002Fexamples\u002Fapps\u002Fcosmos\u002Fflows",{"label":226,"to":227},"Social Bookmarking app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-bookmarking",{"label":229,"to":230},"Content Curation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcontent-curation",{"label":232,"to":18},"All SaaS app examples",{"label":234,"to":235,"description":236},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":238,"to":239,"description":240},"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":242,"to":243,"description":244},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":246,"to":247,"description":248},"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":250,"updated_at":251},"2023-07-03T09:54:55.000Z","2026-09-26T12:10:03.000Z"]