[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fprevue":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":380,"dates":415},"\u002Fexamples\u002Fapps\u002Fprevue","detail","apps",true,{"title":9,"description":10,"og_image":11},"Prevue design examples - Nicelydone","Explore Prevue UI design examples. Easy design presentation and feedback for agencies and their clients","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_sign-in_fc6f6162_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Prevue design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Prevue",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fprevue\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fprevue\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Prevue","prevue","Easy design presentation and feedback for agencies and their clients","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fprevue-20706435.png","http:\u002F\u002Fwww.prevue.it",[41,45],{"id":42,"title":43,"slug":44},8,"Design","design",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",[],[51,377],{"family":52,"examples":53},"screens",[54,66,122,165,189,205,227,248,276,292,317,348],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":63,"app":64},"42d4a0b3-5b3b-44b0-b420-f151443df933","Sign in","Authentication User authentication Form",2800,1544,"Sign in from Prevue","screen",[],[],{"slug":36,"title":35,"logo":38,"categories":65},[],{"uuid":67,"title":68,"description":69,"canonical_path":29,"image":70,"width":58,"height":59,"image_alt":71,"kind":61,"patterns":72,"component_categories":103,"app":120},"9e0c551c-3e3e-4572-9302-85e43a02a263","Onboarding","Onboarding modal welcoming the user to their new account and instructing them to drag and drop images to start their first project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_onboarding_dd3c46ea_nicelydone.jpg","Onboarding from Prevue",[73,82,91,96],{"id":74,"label":75,"slug":76,"rank":77,"group":78},77,"Welcome","welcome",0,{"id":79,"label":80,"slug":81},7,"Onboarding & Education","onboarding-and-education",{"id":83,"label":84,"slug":85,"rank":86,"group":87},10,"Drag & Drop","drag-and-drop",1,{"id":88,"label":89,"slug":90},2,"Actions","actions",{"id":92,"label":93,"slug":94,"rank":88,"group":95},25,"Upload & Download","upload-and-download",{"id":88,"label":89,"slug":90},{"id":86,"label":97,"slug":98,"rank":99,"group":100},"Account Setup","account-setup",3,{"id":86,"label":101,"slug":102},"Access & Account","access-and-account",[104,108,112,116],{"id":105,"title":106,"slug":107},240,"Horizontal navigation","horizontal-navigation",{"id":109,"title":110,"slug":111},284,"Modal","modal",{"id":113,"title":114,"slug":115},174,"Card","card",{"id":117,"title":118,"slug":119},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":29,"image":126,"width":58,"height":127,"image_alt":128,"kind":61,"patterns":129,"component_categories":148,"app":163},"c9105ebd-20d3-4e59-ac52-88cb62192c12","Settings","Settings page where the user updates their name, email, notification preferences, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_settings_b2af6ea6_nicelydone.jpg",2304,"Settings from Prevue",[130,137,144],{"id":131,"label":132,"slug":133,"rank":77,"group":134},94,"Account Settings","account-settings",{"id":83,"label":135,"slug":136},"Settings & Admin","settings-and-admin",{"id":99,"label":138,"slug":139,"rank":86,"group":140},"Profile","profile",{"id":141,"label":142,"slug":143},11,"Social & Collaboration","social-and-collaboration",{"id":141,"label":145,"slug":146,"rank":88,"group":147},"Edit","edit",{"id":88,"label":89,"slug":90},[149,153,154,158,162],{"id":150,"title":151,"slug":152},260,"Badge","badge",{"id":113,"title":114,"slug":115},{"id":155,"title":156,"slug":157},169,"Avatar","avatar",{"id":159,"title":160,"slug":161},233,"Tabs","tabs",{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":164},[],{"uuid":166,"title":124,"description":167,"canonical_path":29,"image":168,"width":58,"height":169,"image_alt":128,"kind":61,"patterns":170,"component_categories":181,"app":187},"e6766002-51bb-48de-858f-cb9de69ba665","Settings page where the user can invite teammates via a shareable URL or email and view active team members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_settings-2_c506931d_nicelydone.jpg",2092,[171,176],{"id":172,"label":173,"slug":174,"rank":77,"group":175},104,"Team Management","team-management",{"id":83,"label":135,"slug":136},{"id":177,"label":178,"slug":179,"rank":86,"group":180},133,"Invite Teammates","invite-teammates",{"id":88,"label":89,"slug":90},[182,183,184,185,186],{"id":150,"title":151,"slug":152},{"id":113,"title":114,"slug":115},{"id":159,"title":160,"slug":161},{"id":155,"title":156,"slug":157},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":188},[],{"uuid":190,"title":124,"description":191,"canonical_path":29,"image":192,"width":58,"height":193,"image_alt":128,"kind":61,"patterns":194,"component_categories":199,"app":203},"1478deb0-84ad-4c45-87c9-f57ba9364022","Settings page where the user configures project-level preferences including image controls, navigation location, password protection, and Google Analytics tracking.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_settings-3_0410e36e_nicelydone.jpg",2354,[195],{"id":196,"label":124,"slug":197,"rank":77,"group":198},102,"settings",{"id":83,"label":135,"slug":136},[200,201,202],{"id":159,"title":160,"slug":161},{"id":155,"title":156,"slug":157},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":204},[],{"uuid":206,"title":124,"description":207,"canonical_path":29,"image":208,"width":58,"height":59,"image_alt":128,"kind":61,"patterns":209,"component_categories":220,"app":225},"b52c79ec-bde3-48ea-90d8-e64c04224fed","Settings page where the user configures a project logo with retina options, featuring a trial expiration warning in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_settings-4_afaaac8a_nicelydone.jpg",[210,218],{"id":211,"label":212,"slug":213,"rank":77,"group":214},91,"Trial","trial",{"id":215,"label":216,"slug":217},9,"Plans & Limits","plans-and-limits",{"id":172,"label":173,"slug":174,"rank":86,"group":219},{"id":83,"label":135,"slug":136},[221,222,223,224],{"id":113,"title":114,"slug":115},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":226},[],{"uuid":228,"title":229,"description":230,"canonical_path":29,"image":231,"width":58,"height":232,"image_alt":233,"kind":61,"patterns":234,"component_categories":242,"app":246},"5123c795-794f-47dc-aedf-f49977562e73","Plans","Settings page where the user selects a subscription tier between Freelance and Studio plans.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_plans_e0558afb_nicelydone.jpg",2120,"Plans from Prevue",[235,240],{"id":236,"label":237,"slug":238,"rank":77,"group":239},89,"Pricing","pricing",{"id":215,"label":216,"slug":217},{"id":196,"label":124,"slug":197,"rank":86,"group":241},{"id":83,"label":135,"slug":136},[243,244,245],{"id":150,"title":151,"slug":152},{"id":159,"title":160,"slug":161},{"id":155,"title":156,"slug":157},{"slug":36,"title":35,"logo":38,"categories":247},[],{"uuid":249,"title":229,"description":250,"canonical_path":29,"image":251,"width":58,"height":252,"image_alt":233,"kind":61,"patterns":253,"component_categories":268,"app":274},"0efc70cf-53de-4e7c-865e-b4ad4fce97d4","Settings page where the user views their current account usage, monitors their trial expiration, and is prompted to upgrade to a paid plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_plans-2_851761e5_nicelydone.jpg",1960,[254,256,258,263],{"id":236,"label":237,"slug":238,"rank":77,"group":255},{"id":215,"label":216,"slug":217},{"id":211,"label":212,"slug":213,"rank":86,"group":257},{"id":215,"label":216,"slug":217},{"id":259,"label":260,"slug":261,"rank":88,"group":262},93,"Usage Limit","usage-limit",{"id":215,"label":216,"slug":217},{"id":264,"label":265,"slug":266,"rank":99,"group":267},92,"Upgrade Prompt","upgrade-prompt",{"id":215,"label":216,"slug":217},[269,270,271,272,273],{"id":150,"title":151,"slug":152},{"id":113,"title":114,"slug":115},{"id":159,"title":160,"slug":161},{"id":155,"title":156,"slug":157},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":275},[],{"uuid":277,"title":278,"description":279,"canonical_path":29,"image":280,"width":58,"height":59,"image_alt":281,"kind":61,"patterns":282,"component_categories":287,"app":290},"df685fb5-da2d-4b0a-94be-5d6e73c8cb6a","Create","Creation screen where the user names a new client and assigns them to an initial project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_create_ff496d73_nicelydone.jpg","Create from Prevue",[283],{"id":79,"label":284,"slug":285,"rank":77,"group":286},"Add & Create","add-and-create",{"id":88,"label":89,"slug":90},[288,289],{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":291},[],{"uuid":293,"title":294,"description":295,"canonical_path":29,"image":296,"width":58,"height":59,"image_alt":297,"kind":61,"patterns":298,"component_categories":310,"app":315},"3f633543-7735-4c4a-bace-462014d4d556","Upload","Project detail page where the user is prompted to upload images via a drag-and-drop modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_upload_c2b6b5de_nicelydone.jpg","Upload from Prevue",[299,301,303],{"id":92,"label":93,"slug":94,"rank":77,"group":300},{"id":88,"label":89,"slug":90},{"id":83,"label":84,"slug":85,"rank":86,"group":302},{"id":88,"label":89,"slug":90},{"id":304,"label":305,"slug":306,"rank":88,"group":307},82,"Media Detail","media-detail",{"id":42,"label":308,"slug":309},"Pages & Content","pages-and-content",[311,312,313,314],{"id":109,"title":110,"slug":111},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":316},[],{"uuid":318,"title":319,"description":320,"canonical_path":29,"image":321,"width":58,"height":59,"image_alt":322,"kind":61,"patterns":323,"component_categories":341,"app":346},"bb0f3c1f-16ef-441c-acf9-44f1add54976","Collection","Detail page where the user manages images, settings, and sharing options for a specific design project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_collection_4f87f5f4_nicelydone.jpg","Collection from Prevue",[324,329,331,333,338],{"id":325,"label":326,"slug":327,"rank":77,"group":328},80,"Files","files",{"id":42,"label":308,"slug":309},{"id":304,"label":305,"slug":306,"rank":86,"group":330},{"id":42,"label":308,"slug":309},{"id":141,"label":145,"slug":146,"rank":88,"group":332},{"id":88,"label":89,"slug":90},{"id":334,"label":335,"slug":336,"rank":99,"group":337},24,"Share","share",{"id":88,"label":89,"slug":90},{"id":92,"label":93,"slug":94,"rank":339,"group":340},4,{"id":88,"label":89,"slug":90},[342,343,344,345],{"id":113,"title":114,"slug":115},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":347},[],{"uuid":349,"title":124,"description":350,"canonical_path":29,"image":351,"width":58,"height":352,"image_alt":128,"kind":61,"patterns":353,"component_categories":366,"app":375},"4ad42a4a-8009-47b3-9ddc-7eff361bc7dc","Detail page where the user configures image display settings like distance from top, horizontal position, and background color for a specific project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_settings-5_ed5713eb_nicelydone.jpg",1980,[354,356,364],{"id":141,"label":145,"slug":146,"rank":77,"group":355},{"id":88,"label":89,"slug":90},{"id":357,"label":358,"slug":359,"rank":86,"group":360},58,"Media Editor","media-editor",{"id":361,"label":362,"slug":363},5,"Media & Tools","media-and-tools",{"id":196,"label":124,"slug":197,"rank":88,"group":365},{"id":83,"label":135,"slug":136},[367,371,372,373,374],{"id":368,"title":369,"slug":370},183,"Color picker","color-picker",{"id":113,"title":114,"slug":115},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":117,"title":118,"slug":119},{"slug":36,"title":35,"logo":38,"categories":376},[],{"family":378,"examples":379},"pages",[],[381,383,385,388,391,394,397,399,403,407,411],{"label":382,"to":29},"Prevue product screens",{"label":384,"to":32},"Prevue marketing pages",{"label":386,"to":387},"Prevue user flows","\u002Fexamples\u002Fapps\u002Fprevue\u002Fflows",{"label":389,"to":390},"Prevue UI components","\u002Fexamples\u002Fapps\u002Fprevue\u002Fcomponents",{"label":392,"to":393},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":395,"to":396},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":398,"to":18},"All SaaS app examples",{"label":400,"to":401,"description":402},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":404,"to":405,"description":406},"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":408,"to":409,"description":410},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":412,"to":413,"description":414},"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":416,"updated_at":417},"2016-06-10T15:15:00.000Z","2026-09-13T13:02:39.000Z"]