[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fscale\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":190,"links":191,"dates":228},"\u002Fexamples\u002Fapps\u002Fscale\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Scale UI components examples - Nicelydone","Browse Scale UI component design examples. Preview individual interface elements and explore related component categories. The data platform for AI","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F364dc1dd-217b-4db9-9ec6-4e0213469747.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},"Scale design examples","\u002Fexamples\u002Fapps\u002Fscale",{"label":23,"to":4},"Scale 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},"Scale","scale","The data platform for AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscale-2d049dde.png","https:\u002F\u002Fscale.com",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},57,"Big data","big-data",{"id":44,"title":45,"slug":46},77,"Machine learning","machine-learning",[48,63,76,89,98,111,121,134,144,154,164,177],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"923d2e16-4e74-466f-ac0d-82967932d96e","Scale UI component","This screenshot displays a user profile dropdown menu.",522,740,"UI component from Scale","component",[57],{"id":58,"title":59,"slug":60},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"7856263a-9437-423c-8522-a6cb4ef6dd19","The screenshot shows a line chart with a significant dip on July 4th.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1fb6f855-293f-4d1a-9ef2-b2dbaccc0056.png",2443,846,[70],{"id":71,"title":72,"slug":73},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":54,"kind":55,"categories":82,"app":87},"b5f8e407-a583-4909-9621-6bf62e750f27","A progress bar indicating 100% completion.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feb0f74a1-4e80-4f0e-93bc-2079b8fa5aad.png",702,168,[83],{"id":84,"title":85,"slug":86},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":50,"description":91,"canonical_path":4,"image":92,"width":93,"height":81,"image_alt":54,"kind":55,"categories":94,"app":96},"e7a4c213-d308-4b70-8c1e-039f016cd420","A progress bar indicating a process is running.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb56139f-be04-45a9-bb26-57925ed980b4.png",674,[95],{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":50,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":54,"kind":55,"categories":104,"app":109},"3bca77ca-2431-4081-94f7-bc6383cdba67","The screenshot displays a filter interface with range sliders and input fields for numerical values.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fddafe1ac-fa8b-4f57-ab94-2897e932e2ea.png",592,1409,[105],{"id":106,"title":107,"slug":108},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":50,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":54,"kind":55,"categories":117,"app":119},"cba800c9-8786-42a2-8523-cd624e029c5c","The screenshot shows a precision-recall curve, a graphical representation of the trade-off between precision and recall for a classification model.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6fa436be-a4a5-402f-be48-95c9a4ea13b6.png",1037,946,[118],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":50,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":54,"kind":55,"categories":127,"app":132},"baf41677-35e9-4477-9a23-08dbe44e53da","The screenshot shows a modal window indicating that an operation has finished, specifically the completion of uploading 10 items.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb583db33-9ac8-4e89-b4ad-690f3f1cf202.png",853,632,[128],{"id":129,"title":130,"slug":131},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":50,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":54,"kind":55,"categories":140,"app":142},"f3b66bae-e135-407a-90f4-34284914437b","The screenshot shows a modal window displaying the progress of an operation, specifically the uploading of local files.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e74b974-ff33-44ff-8f72-0757f497cefa.png",827,609,[141],{"id":129,"title":130,"slug":131},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":50,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":54,"kind":55,"categories":150,"app":152},"47d2f194-088c-4f35-af56-8a57735fe426","The screenshot shows a dashboard with two donut charts displaying the number of attempts and reviews that are either unclaimed or claimed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4cbc7640-b111-4098-86b7-7108de938441.png",958,701,[151],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":50,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":54,"kind":55,"categories":160,"app":162},"cd883913-45af-420c-ad58-91c7d2d908ec","A bar chart showing task throughput.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5021d4b2-fa46-485b-9e0f-8d0574563907.png",928,655,[161],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":50,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":54,"kind":55,"categories":170,"app":175},"f66ec60b-bf60-42aa-85d6-c01406747af0","The screenshot showcases a clean and simple user interface for a studio management application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fab3f9211-01dc-40b1-8ba0-00da910a2cf5.png",603,1778,[171],{"id":172,"title":173,"slug":174},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":50,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":54,"kind":55,"categories":183,"app":188},"8485c02a-28e2-489b-9e04-7614600a304c","The UI shows a design tool interface with a side menu and a canvas area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcdc5d349-d757-47e8-b50c-ca54e530ee3c.png",1398,1607,[184],{"id":185,"title":186,"slug":187},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":189},[],[],[192,195,198,201,204,207,210,212,216,220,224],{"label":193,"to":194},"Scale product screens","\u002Fexamples\u002Fapps\u002Fscale\u002Fscreens",{"label":196,"to":197},"Scale marketing pages","\u002Fexamples\u002Fapps\u002Fscale\u002Fmarketing",{"label":199,"to":200},"Scale user flows","\u002Fexamples\u002Fapps\u002Fscale\u002Fflows",{"label":202,"to":203},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":205,"to":206},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":208,"to":209},"Machine learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmachine-learning",{"label":211,"to":18},"All SaaS app examples",{"label":213,"to":214,"description":215},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":217,"to":218,"description":219},"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":221,"to":222,"description":223},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":225,"to":226,"description":227},"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":229,"updated_at":230},"2021-02-01T21:09:22.000Z","2026-09-13T13:02:39.000Z"]