[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fthe-org\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":179,"links":180,"dates":211},"\u002Fexamples\u002Fapps\u002Fthe-org\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"The org UI components examples - Nicelydone","Browse The org UI component design examples. Preview individual interface elements and explore related component categories. Where great teams live","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6776e8bf-3c76-421b-90ac-25b5c39b3f87.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},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":23,"to":4},"The org 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},"The org","the-org","Where great teams live","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","https:\u002F\u002Ftheorg.com",[35],{"id":36,"title":37,"slug":38},49,"Social Network","social-network",[40,55,64,77,90,99,112,125,138,148,161,169],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"categories":48,"app":53},"9c718d5d-ae5f-4247-b792-b047ee220942","The org UI component","A team management interface.",2236,969,"UI component from The org","component",[49],{"id":50,"title":51,"slug":52},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":54},[],{"uuid":56,"title":42,"description":57,"canonical_path":4,"image":58,"width":44,"height":59,"image_alt":46,"kind":47,"categories":60,"app":62},"107886fc-150e-4dd9-9680-8d31e3a84579","Shows credit usage with a progress bar and information about shared credits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F905692d9-cfa7-473e-9aaf-32caba894528.png",584,[61],{"id":50,"title":51,"slug":52},{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":42,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":46,"kind":47,"categories":70,"app":75},"4849c1b5-8b38-4424-80cc-afb3226162ea","A notification modal with a list of updates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc1f0a85-32fe-44f9-bf03-733b3d51b91e.png",1054,1085,[71],{"id":72,"title":73,"slug":74},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":42,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":46,"kind":47,"categories":83,"app":88},"bc32a926-dd4d-4f59-bf67-17765f88ba40","A simple question and answer interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb49adf55-f93b-4dc8-80af-db04584acaf5.png",1509,625,[84],{"id":85,"title":86,"slug":87},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":42,"description":92,"canonical_path":4,"image":93,"width":81,"height":94,"image_alt":46,"kind":47,"categories":95,"app":97},"4bd1bf1d-6eb3-4123-918a-cd6aa7c653c7","A simple search interface with suggested questions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd278ba9b-e2fd-4d3d-9e0d-43425100517e.png",808,[96],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":42,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":46,"kind":47,"categories":105,"app":110},"22030522-2483-466c-b43c-108a9c44a1d3","The screenshot shows a confirmation modal for using credits within a subscription-based service.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc4d7db3-e0e6-43f8-b161-dc6c78bbbd35.png",1102,658,[106],{"id":107,"title":108,"slug":109},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":42,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":46,"kind":47,"categories":118,"app":123},"e0507918-cc05-438a-9c42-c0daa9724b47","A filter modal with search and selection options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc39536fa-2429-40e6-a102-37d5c2b8a9f1.png",816,1596,[119],{"id":120,"title":121,"slug":122},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":42,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":46,"kind":47,"categories":131,"app":136},"8d0a486e-31e0-48bf-850c-a2ca3efcaf56","A modal showing a download option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6da0803a-3d76-4e58-a780-6efbe3805771.png",705,412,[132],{"id":133,"title":134,"slug":135},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":42,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":46,"kind":47,"categories":144,"app":146},"f15ca60b-44b5-48c6-a09b-b6239ba7e130","The screenshot shows a contact management interface with email options and subscription details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb972320f-4bdf-490e-a57f-c27ce44288b6.png",780,673,[145],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":42,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":46,"kind":47,"categories":154,"app":159},"1bf1e03f-0dce-4bd0-9df1-b5ecc935d7d4","A list of people with their job titles and companies.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f53beac-97ab-4759-aee8-d37a4b9409ec.png",2480,1724,[155],{"id":156,"title":157,"slug":158},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":42,"description":163,"canonical_path":4,"image":164,"width":116,"height":117,"image_alt":46,"kind":47,"categories":165,"app":167},"cd81abbf-5070-4b43-8b33-c4c5cdb7b874","A modal window displaying filter options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd08b8b01-57b8-4d2b-a5da-53007d0a9d42.png",[166],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":168},[],{"uuid":170,"title":42,"description":171,"canonical_path":4,"image":172,"width":173,"height":174,"image_alt":46,"kind":47,"categories":175,"app":177},"48f8aafd-178a-4caf-9e1a-616b86dbcdc9","The screenshot displays a user interface for filtering and searching industries, locations, ranges, and stages, with a dropdown menu for industry selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa792ae1b-27db-4f3a-8470-fb253ba7039c.png",1874,1163,[176],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":178},[],[],[181,184,187,190,193,195,199,203,207],{"label":182,"to":183},"The org product screens","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens",{"label":185,"to":186},"The org marketing pages","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fmarketing",{"label":188,"to":189},"The org user flows","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fflows",{"label":191,"to":192},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":194,"to":18},"All SaaS app examples",{"label":196,"to":197,"description":198},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":200,"to":201,"description":202},"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":204,"to":205,"description":206},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":208,"to":209,"description":210},"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":212,"updated_at":213},"2022-01-03T18:58:37.000Z","2026-09-13T13:02:39.000Z"]