[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fprevue\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":368,"links":369,"dates":427},"\u002Fexamples\u002Fapps\u002Fprevue\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Prevue product screens examples - Nicelydone","Browse Prevue screen design examples. Preview the interface screenshots and explore related UI patterns. Easy design presentation and feedback for agencies…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprevue_sign-in_fc6f6162_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Prevue design examples","\u002Fexamples\u002Fapps\u002Fprevue",{"label":23,"to":4},"Prevue product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Prevue screen design examples. Preview the interface screenshots and explore related UI patterns. Easy design presentation and feedback for agencies and their clients",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"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",[36,40],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",[45,57,113,156,180,196,218,239,267,283,308,339],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":54,"app":55},"42d4a0b3-5b3b-44b0-b420-f151443df933","Sign in","Authentication User authentication Form",2800,1544,"Sign in from Prevue","screen",[],[],{"slug":31,"title":30,"logo":33,"categories":56},[],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":61,"width":49,"height":50,"image_alt":62,"kind":52,"patterns":63,"component_categories":94,"app":111},"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",[64,73,82,87],{"id":65,"label":66,"slug":67,"rank":68,"group":69},77,"Welcome","welcome",0,{"id":70,"label":71,"slug":72},7,"Onboarding & Education","onboarding-and-education",{"id":74,"label":75,"slug":76,"rank":77,"group":78},10,"Drag & Drop","drag-and-drop",1,{"id":79,"label":80,"slug":81},2,"Actions","actions",{"id":83,"label":84,"slug":85,"rank":79,"group":86},25,"Upload & Download","upload-and-download",{"id":79,"label":80,"slug":81},{"id":77,"label":88,"slug":89,"rank":90,"group":91},"Account Setup","account-setup",3,{"id":77,"label":92,"slug":93},"Access & Account","access-and-account",[95,99,103,107],{"id":96,"title":97,"slug":98},240,"Horizontal navigation","horizontal-navigation",{"id":100,"title":101,"slug":102},284,"Modal","modal",{"id":104,"title":105,"slug":106},174,"Card","card",{"id":108,"title":109,"slug":110},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":49,"height":118,"image_alt":119,"kind":52,"patterns":120,"component_categories":139,"app":154},"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",[121,128,135],{"id":122,"label":123,"slug":124,"rank":68,"group":125},94,"Account Settings","account-settings",{"id":74,"label":126,"slug":127},"Settings & Admin","settings-and-admin",{"id":90,"label":129,"slug":130,"rank":77,"group":131},"Profile","profile",{"id":132,"label":133,"slug":134},11,"Social & Collaboration","social-and-collaboration",{"id":132,"label":136,"slug":137,"rank":79,"group":138},"Edit","edit",{"id":79,"label":80,"slug":81},[140,144,145,149,153],{"id":141,"title":142,"slug":143},260,"Badge","badge",{"id":104,"title":105,"slug":106},{"id":146,"title":147,"slug":148},169,"Avatar","avatar",{"id":150,"title":151,"slug":152},233,"Tabs","tabs",{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":155},[],{"uuid":157,"title":115,"description":158,"canonical_path":4,"image":159,"width":49,"height":160,"image_alt":119,"kind":52,"patterns":161,"component_categories":172,"app":178},"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,[162,167],{"id":163,"label":164,"slug":165,"rank":68,"group":166},104,"Team Management","team-management",{"id":74,"label":126,"slug":127},{"id":168,"label":169,"slug":170,"rank":77,"group":171},133,"Invite Teammates","invite-teammates",{"id":79,"label":80,"slug":81},[173,174,175,176,177],{"id":141,"title":142,"slug":143},{"id":104,"title":105,"slug":106},{"id":150,"title":151,"slug":152},{"id":146,"title":147,"slug":148},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":115,"description":182,"canonical_path":4,"image":183,"width":49,"height":184,"image_alt":119,"kind":52,"patterns":185,"component_categories":190,"app":194},"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,[186],{"id":187,"label":115,"slug":188,"rank":68,"group":189},102,"settings",{"id":74,"label":126,"slug":127},[191,192,193],{"id":150,"title":151,"slug":152},{"id":146,"title":147,"slug":148},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":195},[],{"uuid":197,"title":115,"description":198,"canonical_path":4,"image":199,"width":49,"height":50,"image_alt":119,"kind":52,"patterns":200,"component_categories":211,"app":216},"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",[201,209],{"id":202,"label":203,"slug":204,"rank":68,"group":205},91,"Trial","trial",{"id":206,"label":207,"slug":208},9,"Plans & Limits","plans-and-limits",{"id":163,"label":164,"slug":165,"rank":77,"group":210},{"id":74,"label":126,"slug":127},[212,213,214,215],{"id":104,"title":105,"slug":106},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":4,"image":222,"width":49,"height":223,"image_alt":224,"kind":52,"patterns":225,"component_categories":233,"app":237},"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",[226,231],{"id":227,"label":228,"slug":229,"rank":68,"group":230},89,"Pricing","pricing",{"id":206,"label":207,"slug":208},{"id":187,"label":115,"slug":188,"rank":77,"group":232},{"id":74,"label":126,"slug":127},[234,235,236],{"id":141,"title":142,"slug":143},{"id":150,"title":151,"slug":152},{"id":146,"title":147,"slug":148},{"slug":31,"title":30,"logo":33,"categories":238},[],{"uuid":240,"title":220,"description":241,"canonical_path":4,"image":242,"width":49,"height":243,"image_alt":224,"kind":52,"patterns":244,"component_categories":259,"app":265},"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,[245,247,249,254],{"id":227,"label":228,"slug":229,"rank":68,"group":246},{"id":206,"label":207,"slug":208},{"id":202,"label":203,"slug":204,"rank":77,"group":248},{"id":206,"label":207,"slug":208},{"id":250,"label":251,"slug":252,"rank":79,"group":253},93,"Usage Limit","usage-limit",{"id":206,"label":207,"slug":208},{"id":255,"label":256,"slug":257,"rank":90,"group":258},92,"Upgrade Prompt","upgrade-prompt",{"id":206,"label":207,"slug":208},[260,261,262,263,264],{"id":141,"title":142,"slug":143},{"id":104,"title":105,"slug":106},{"id":150,"title":151,"slug":152},{"id":146,"title":147,"slug":148},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":266},[],{"uuid":268,"title":269,"description":270,"canonical_path":4,"image":271,"width":49,"height":50,"image_alt":272,"kind":52,"patterns":273,"component_categories":278,"app":281},"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",[274],{"id":70,"label":275,"slug":276,"rank":68,"group":277},"Add & Create","add-and-create",{"id":79,"label":80,"slug":81},[279,280],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":282},[],{"uuid":284,"title":285,"description":286,"canonical_path":4,"image":287,"width":49,"height":50,"image_alt":288,"kind":52,"patterns":289,"component_categories":301,"app":306},"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",[290,292,294],{"id":83,"label":84,"slug":85,"rank":68,"group":291},{"id":79,"label":80,"slug":81},{"id":74,"label":75,"slug":76,"rank":77,"group":293},{"id":79,"label":80,"slug":81},{"id":295,"label":296,"slug":297,"rank":79,"group":298},82,"Media Detail","media-detail",{"id":37,"label":299,"slug":300},"Pages & Content","pages-and-content",[302,303,304,305],{"id":100,"title":101,"slug":102},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":307},[],{"uuid":309,"title":310,"description":311,"canonical_path":4,"image":312,"width":49,"height":50,"image_alt":313,"kind":52,"patterns":314,"component_categories":332,"app":337},"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",[315,320,322,324,329],{"id":316,"label":317,"slug":318,"rank":68,"group":319},80,"Files","files",{"id":37,"label":299,"slug":300},{"id":295,"label":296,"slug":297,"rank":77,"group":321},{"id":37,"label":299,"slug":300},{"id":132,"label":136,"slug":137,"rank":79,"group":323},{"id":79,"label":80,"slug":81},{"id":325,"label":326,"slug":327,"rank":90,"group":328},24,"Share","share",{"id":79,"label":80,"slug":81},{"id":83,"label":84,"slug":85,"rank":330,"group":331},4,{"id":79,"label":80,"slug":81},[333,334,335,336],{"id":104,"title":105,"slug":106},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":338},[],{"uuid":340,"title":115,"description":341,"canonical_path":4,"image":342,"width":49,"height":343,"image_alt":119,"kind":52,"patterns":344,"component_categories":357,"app":366},"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,[345,347,355],{"id":132,"label":136,"slug":137,"rank":68,"group":346},{"id":79,"label":80,"slug":81},{"id":348,"label":349,"slug":350,"rank":77,"group":351},58,"Media Editor","media-editor",{"id":352,"label":353,"slug":354},5,"Media & Tools","media-and-tools",{"id":187,"label":115,"slug":188,"rank":79,"group":356},{"id":74,"label":126,"slug":127},[358,362,363,364,365],{"id":359,"title":360,"slug":361},183,"Color picker","color-picker",{"id":104,"title":105,"slug":106},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":367},[],[],[370,372,374,376,378,380,382,384,386,388,390,392,394,397,400,403,406,409,411,415,419,423],{"label":136,"to":371},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":115,"to":373},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":84,"to":375},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":75,"to":377},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":296,"to":379},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":228,"to":381},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":164,"to":383},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":203,"to":385},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":123,"to":387},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":88,"to":389},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":275,"to":391},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":317,"to":393},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":395,"to":396},"Prevue marketing pages","\u002Fexamples\u002Fapps\u002Fprevue\u002Fmarketing",{"label":398,"to":399},"Prevue user flows","\u002Fexamples\u002Fapps\u002Fprevue\u002Fflows",{"label":401,"to":402},"Prevue UI components","\u002Fexamples\u002Fapps\u002Fprevue\u002Fcomponents",{"label":404,"to":405},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":407,"to":408},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":410,"to":18},"All SaaS app examples",{"label":412,"to":413,"description":414},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":416,"to":417,"description":418},"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":420,"to":421,"description":422},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":424,"to":425,"description":426},"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":428,"updated_at":429},"2016-06-10T15:15:00.000Z","2026-09-13T13:02:39.000Z"]