[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fexplore\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":217,"links":218,"dates":252},"\u002Fexamples\u002Fapps\u002Fexplore\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Explore UI components examples - Nicelydone","Browse Explore UI component design examples. Preview individual interface elements and explore related component categories. Your new creative space","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F166af4c2-9c87-4dbb-8fff-ebaf1a34a7d0.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},"Explore design examples","\u002Fexamples\u002Fapps\u002Fexplore",{"label":23,"to":4},"Explore 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,"twitter_username":34,"categories":35},"Explore","explore","Your new creative space","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexplore-1bdlcxk2.png","https:\u002F\u002Fexplore.family","ExploreFam",[36,40],{"id":37,"title":38,"slug":39},1,"Communities","communities",{"id":41,"title":42,"slug":43},8,"Design","design",[45,60,75,90,105,120,135,150,162,172,187,202],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"166af4c2-9c87-4dbb-8fff-ebaf1a34a7d0","Copy URL link","A simple text link displaying a URL alongside a copy icon.",534,158,"Copy URL link from Explore","component",[54],{"id":55,"title":56,"slug":57},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"7d2aaece-08a0-460d-b581-0d3fed4ea911","Explore UI component","A card with a title, a link and a menu","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d2aaece-08a0-460d-b581-0d3fed4ea911.png",1068,298,"UI component from Explore",[69],{"id":70,"title":71,"slug":72},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"cba1c63e-bda7-475a-9412-99bf5889f58e","Custom Domain Configuration Card","A card component providing instructions for configuring a custom domain. It includes a header with the domain name and a 'Test' button, followed by a gray section containing detailed DNS setup instructions and a help link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcba1c63e-bda7-475a-9412-99bf5889f58e.png",1192,1070,"Custom Domain Configuration Card from Explore",[84],{"id":85,"title":86,"slug":87},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":103},"b16185bc-820e-457b-8f17-546bcc347743","Subdomain input field","A text input field for setting a custom subdomain, featuring an inline label and a fixed domain suffix.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb16185bc-820e-457b-8f17-546bcc347743.png",1064,274,"Subdomain input field from Explore",[99],{"id":100,"title":101,"slug":102},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":52,"categories":113,"app":118},"4f7088bb-4975-4722-8147-d139d4548bed","Follow notification","A notification item showing a user avatar, name, action, and timestamp.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4f7088bb-4975-4722-8147-d139d4548bed.png",513,198,"Follow notification from Explore",[114],{"id":115,"title":116,"slug":117},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":52,"categories":128,"app":133},"7aac1522-dbd3-4572-a222-64d46b8b4fcc","Image upload section","A section for uploading cover and profile images, featuring a preview area and two file upload inputs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7aac1522-dbd3-4572-a222-64d46b8b4fcc.png",1196,781,"Image upload section from Explore",[129],{"id":130,"title":131,"slug":132},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":52,"categories":143,"app":148},"66f635a1-8340-4e42-ac88-028f8ee3b2c9","Success toast","A success toast notification confirming a post was saved.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F66f635a1-8340-4e42-ac88-028f8ee3b2c9.png",638,284,"Success toast from Explore",[144],{"id":145,"title":146,"slug":147},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":157,"kind":52,"categories":158,"app":160},"daf162e1-87ad-4def-8ad9-6c817e005a29","Upgrade error toast","A notification toast indicating an error state due to a free tier limit, prompting the user to upgrade to a PRO plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdaf162e1-87ad-4def-8ad9-6c817e005a29.png",1089,333,"Upgrade error toast from Explore",[159],{"id":145,"title":146,"slug":147},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":137,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":142,"kind":52,"categories":168,"app":170},"33fdfe0e-0178-4030-89d8-5cf4bd710596","A toast notification indicating that a post link has been successfully copied to the clipboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F33fdfe0e-0178-4030-89d8-5cf4bd710596.png",718,332,[169],{"id":145,"title":146,"slug":147},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":179,"kind":52,"categories":180,"app":185},"e120579d-8ad2-4fd9-8a20-68510d042fb4","Pro Badge","A small, pill-shaped badge indicating a 'Pro' status or feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe120579d-8ad2-4fd9-8a20-68510d042fb4.png",202,168,"Pro Badge from Explore",[181],{"id":182,"title":183,"slug":184},245,"Tag","tag",{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":189,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":194,"kind":52,"categories":195,"app":200},"cb8851b5-432f-4799-8845-3db67f6e4f4d","Creation dropdown menu","A dropdown menu triggered by an icon button, offering options to add new content or organize existing content. Some options are gated behind a PRO subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb8851b5-432f-4799-8845-3db67f6e4f4d.png",532,708,"Creation dropdown menu from Explore",[196],{"id":197,"title":198,"slug":199},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":204,"description":205,"canonical_path":4,"image":206,"width":207,"height":208,"image_alt":209,"kind":52,"categories":210,"app":215},"44d969b7-2f05-4ef9-8b25-36d502aa66f9","Notification Preferences Checkbox List","A vertical list of checkbox items for selecting notification preferences. The list includes options for 'New follower', 'Appreciations', 'Comments', and 'Explore news', with the last option currently checked.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44d969b7-2f05-4ef9-8b25-36d502aa66f9.png",1067,554,"Notification Preferences Checkbox List from Explore",[211],{"id":212,"title":213,"slug":214},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":216},[],[],[219,222,225,228,231,234,236,240,244,248],{"label":220,"to":221},"Explore product screens","\u002Fexamples\u002Fapps\u002Fexplore\u002Fscreens",{"label":223,"to":224},"Explore marketing pages","\u002Fexamples\u002Fapps\u002Fexplore\u002Fmarketing",{"label":226,"to":227},"Explore user flows","\u002Fexamples\u002Fapps\u002Fexplore\u002Fflows",{"label":229,"to":230},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":232,"to":233},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":235,"to":18},"All SaaS app examples",{"label":237,"to":238,"description":239},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":241,"to":242,"description":243},"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":245,"to":246,"description":247},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":249,"to":250,"description":251},"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":253,"updated_at":254},"2023-02-03T13:46:13.000Z","2026-09-13T13:02:39.000Z"]