[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Freplit\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":202,"links":203,"dates":240},"\u002Fexamples\u002Fapps\u002Freplit\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Replit UI components examples - Nicelydone","Browse Replit UI component design examples. Preview individual interface elements and explore related component categories. Turn your ideas into apps with AI","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ae2ede1-788a-4496-b7e7-c8391567bef2.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},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":23,"to":4},"Replit 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":30,"categories":34},"Replit","replit","Turn your ideas into apps with AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","https:\u002F\u002Freplit.com",[35,39,43,47],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},48,"Developer Tools","developer-tools",{"id":44,"title":45,"slug":46},7,"Web Development","web-development",{"id":48,"title":49,"slug":50},96,"No code","no-code",[52,67,80,93,106,119,129,142,154,166,179,189],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"categories":60,"app":65},"29c1c2ab-fc20-4049-8184-cae69b8b47cf","Replit UI component","The screenshot displays a theme selection interface.",1456,1899,"UI component from Replit","component",[61],{"id":62,"title":63,"slug":64},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":54,"description":69,"canonical_path":4,"image":70,"width":71,"height":72,"image_alt":58,"kind":59,"categories":73,"app":78},"28d16863-7a04-4207-b4b6-2a59985463ba","A progress bar showing monthly credit and additional usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5e22f9c7-524e-4055-9c66-3ab9069a1572.png",1327,600,[74],{"id":75,"title":76,"slug":77},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":54,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":58,"kind":59,"categories":86,"app":91},"c21d2643-6769-4425-8263-474b08f1c524","The screenshot shows an email verification notification.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7387854e-f481-42d5-aeab-f5bc37c4cb96.png",1328,426,[87],{"id":88,"title":89,"slug":90},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":58,"kind":59,"categories":99,"app":104},"45ffa513-4426-4c77-a254-8b3a80090770","A toggle to enable or disable transactional notifications via email.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70ea6d89-4ade-4cf9-be64-7b5b22d1a7b1.png",1326,304,[100],{"id":101,"title":102,"slug":103},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":54,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":58,"kind":59,"categories":112,"app":117},"e9c4b055-ce40-473c-8396-07366144fe1d","This is a screenshot of a user dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84e620a7-e26f-48b1-88f0-67b376f0ee70.png",477,647,[113],{"id":114,"title":115,"slug":116},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":54,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":58,"kind":59,"categories":125,"app":127},"cb826db2-ba78-480a-bcbb-70b658726044","A notification modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F286e72f4-cc56-4db6-8aa1-629067405892.png",778,608,[126],{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":54,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":58,"kind":59,"categories":135,"app":140},"bb659eab-05b9-4215-8cbf-3aebe0872502","A modal with search and create options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3910bf53-f8f0-483e-8c1d-86c80b6616fb.png",1287,317,[136],{"id":137,"title":138,"slug":139},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":54,"description":144,"canonical_path":4,"image":145,"width":56,"height":146,"image_alt":58,"kind":59,"categories":147,"app":152},"86e6119f-a36a-423f-8a12-4cef745ef3a7","Replit Teams landing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37cd3e06-bfcc-4361-be5e-eee372640827.png",1270,[148],{"id":149,"title":150,"slug":151},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":54,"description":156,"canonical_path":4,"image":157,"width":56,"height":158,"image_alt":58,"kind":59,"categories":159,"app":164},"d08d7d85-2cf6-4104-8b79-2bbf6a6d1058","A testimonial card with a quote and author information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F68e34e66-d120-41e7-bc61-55aa435e033d.png",656,[160],{"id":161,"title":162,"slug":163},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":54,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":58,"kind":59,"categories":172,"app":177},"f7f1f92b-89b1-4491-a410-b2dea718fd80","The screenshot shows a setup screen for an organization, prompting the user to enter the organization name.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc29289e1-1b09-44e4-999e-cba0b1aca9d2.png",922,626,[173],{"id":174,"title":175,"slug":176},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":54,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":58,"kind":59,"categories":185,"app":187},"f0bc4416-98f5-4a5c-9262-39970ade8604","The screenshot shows a dropdown menu for switching organizations and managing account settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45e066d7-b945-4fee-826e-47079b78c50a.png",696,904,[186],{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":54,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":58,"kind":59,"categories":195,"app":200},"ec2b04f9-a014-445a-b9e9-d97a1ea54c0b","The screenshot displays a resource usage table with quota, usage, and cost information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F14043502-ad2b-42ad-bb16-054bc0d1da8e.png",2288,2149,[196],{"id":197,"title":198,"slug":199},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":201},[],[],[204,207,210,213,216,219,222,224,228,232,236],{"label":205,"to":206},"Replit product screens","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens",{"label":208,"to":209},"Replit marketing pages","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing",{"label":211,"to":212},"Replit user flows","\u002Fexamples\u002Fapps\u002Freplit\u002Fflows",{"label":214,"to":215},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":217,"to":218},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":220,"to":221},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":223,"to":18},"All SaaS app examples",{"label":225,"to":226,"description":227},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":229,"to":230,"description":231},"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":233,"to":234,"description":235},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":237,"to":238,"description":239},"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":241,"updated_at":242},"2025-03-10T06:55:12.000Z","2026-09-13T13:02:39.000Z"]