[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplain\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":129,"links":130,"dates":167},"\u002Fexamples\u002Fapps\u002Fplain\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Plain UI components examples - Nicelydone","Browse Plain UI component design examples. Preview individual interface elements and explore related component categories. Customer support for modern tools","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6b358419-5d46-4302-a36a-036e95258f23.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},"Plain design examples","\u002Fexamples\u002Fapps\u002Fplain",{"label":23,"to":4},"Plain 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},"Plain","plain","Customer support for modern tools","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplain-2c058027.png","https:\u002F\u002Fplain.com","plainsupport",[36,40,44,48],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},47,"Customer Service","customer-service",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",[53,68,81,91,104,116],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"2ab8c2a6-8d26-40cc-a57a-4a2197d51d57","Plain UI component","A user dropdown menu with navigation and account options.",461,841,"UI component from Plain","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"c7539f34-4a9f-4752-bfb3-04858fefbbcc","A modal for setting up a support email address.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca4994fa-4d0f-4a2c-a288-580dc2acf49d.png",1352,866,[75],{"id":76,"title":77,"slug":78},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":89},"d59f50ee-d77f-4c1f-8c78-9e61b563be33","A filter modal with toggle switches.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca78c4a0-fe24-4ea1-8777-734d94a5b6aa.png",763,702,[88],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":55,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":59,"kind":60,"categories":97,"app":102},"f41691b4-2ffd-4382-8ec7-845de600a84d","A customer support dashboard with a list of customers and a get started section.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36f5c9eb-45ad-4c58-8147-e80132869719.png",562,1737,[98],{"id":99,"title":100,"slug":101},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":55,"description":106,"canonical_path":4,"image":107,"width":72,"height":108,"image_alt":59,"kind":60,"categories":109,"app":114},"1deedb2c-aff2-4866-9113-625d2a2bb54e","A modal to create a workspace with options for new or demo workspaces.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7cb65777-50d5-4172-a16d-3528fa5271f9.png",1263,[110],{"id":111,"title":112,"slug":113},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":55,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":59,"kind":60,"categories":122,"app":127},"ae49790d-56e1-4f9f-8102-0fe52d85e052","A set of cards showcasing different features of a customer support platform.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2fe838db-b0b7-4cc0-af11-c31972bc4cf8.png",2656,2761,[123],{"id":124,"title":125,"slug":126},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":128},[],[],[131,134,137,140,143,146,149,151,155,159,163],{"label":132,"to":133},"Plain product screens","\u002Fexamples\u002Fapps\u002Fplain\u002Fscreens",{"label":135,"to":136},"Plain marketing pages","\u002Fexamples\u002Fapps\u002Fplain\u002Fmarketing",{"label":138,"to":139},"Plain user flows","\u002Fexamples\u002Fapps\u002Fplain\u002Fflows",{"label":141,"to":142},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":144,"to":145},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":147,"to":148},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":150,"to":18},"All SaaS app examples",{"label":152,"to":153,"description":154},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":156,"to":157,"description":158},"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":160,"to":161,"description":162},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":164,"to":165,"description":166},"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":168,"updated_at":169},"2023-02-15T09:36:04.000Z","2026-09-13T13:02:39.000Z"]