[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Finvision\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":344,"links":345,"dates":403},"\u002Fexamples\u002Fapps\u002Finvision\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Invision product screens examples - Nicelydone","Browse Invision screen design examples. Preview the interface screenshots and explore related UI patterns. A prototyping, collaboration, and workflow…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_sign-in_a576c64a_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},"Invision design examples","\u002Fexamples\u002Fapps\u002Finvision",{"label":23,"to":4},"Invision product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Invision screen design examples. Preview the interface screenshots and explore related UI patterns. A prototyping, collaboration, and workflow platform for designers",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Invision","invision","A prototyping, collaboration, and workflow platform for designers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Finvision-e75b75c4.png","https:\u002F\u002Fwww.invisionapp.com",[36,40],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",[45,78,88,107,158,192,209,245,260,275,308,329],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":76},"688c997c-0a13-4152-b409-4a6861f9bbb9","Sign in","Sign-in screen where the user authenticates into their InVision account using an email and password.",2800,1544,"Sign in from Invision","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64,68,72],{"id":65,"title":66,"slug":67},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":49,"height":50,"image_alt":83,"kind":52,"patterns":84,"component_categories":85,"app":86},"cabab691-2575-4fd3-9474-4d93cfb80815","Password reset","Authentication Form Account security Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_password-reset_aacd6773_nicelydone.jpg","Password reset from Invision",[],[],{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":49,"height":93,"image_alt":94,"kind":52,"patterns":95,"component_categories":101,"app":105},"b15b69e0-e820-4dff-8cfb-2644144a6e51","Sign up","Signup screen where the user creates a new free account by entering their name, email, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_sign-up_9fd9a86d_nicelydone.jpg",1720,"Sign up from Invision",[96],{"id":97,"label":98,"slug":99,"rank":58,"group":100},5,"Sign Up","sign-up",{"id":60,"label":61,"slug":62},[102,103,104],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":49,"height":112,"image_alt":113,"kind":52,"patterns":114,"component_categories":145,"app":156},"ec775b41-d0f5-48e3-b2d5-396bc9ba01e3","Home","List view where the user browses their design prototypes presented as a grid of cards, with options to search, filter by type or collaborator, and create a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_home_e0cd5379_nicelydone.jpg",1774,"Home from Invision",[115,122,130,135,141],{"id":116,"label":117,"slug":118,"rank":58,"group":119},79,"Browse","browse",{"id":37,"label":120,"slug":121},"Pages & Content","pages-and-content",{"id":123,"label":124,"slug":125,"rank":60,"group":126},7,"Add & Create","add-and-create",{"id":127,"label":128,"slug":129},2,"Actions","actions",{"id":131,"label":132,"slug":133,"rank":127,"group":134},13,"Filter & Sort","filter-and-sort",{"id":127,"label":128,"slug":129},{"id":136,"label":137,"slug":138,"rank":139,"group":140},22,"Search","search",3,{"id":127,"label":128,"slug":129},{"id":142,"label":109,"slug":143,"rank":55,"group":144},81,"home",{"id":37,"label":120,"slug":121},[146,150,154,155],{"id":147,"title":148,"slug":149},240,"Horizontal navigation","horizontal-navigation",{"id":151,"title":152,"slug":153},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":49,"height":112,"image_alt":163,"kind":52,"patterns":164,"component_categories":184,"app":190},"c683e028-dd0c-4852-a0d9-9625eb353d2f","Dropdown","List view where the user browses their design prototypes and accesses account settings via an open user menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_dropdown_3eec5897_nicelydone.jpg","Dropdown from Invision",[165,167,174,182],{"id":116,"label":117,"slug":118,"rank":58,"group":166},{"id":37,"label":120,"slug":121},{"id":139,"label":168,"slug":169,"rank":60,"group":170},"Profile","profile",{"id":171,"label":172,"slug":173},11,"Social & Collaboration","social-and-collaboration",{"id":175,"label":176,"slug":177,"rank":127,"group":178},92,"Upgrade Prompt","upgrade-prompt",{"id":179,"label":180,"slug":181},9,"Plans & Limits","plans-and-limits",{"id":136,"label":137,"slug":138,"rank":139,"group":183},{"id":127,"label":128,"slug":129},[185,186,187,188,189],{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":191},[],{"uuid":193,"title":160,"description":194,"canonical_path":4,"image":195,"width":49,"height":112,"image_alt":163,"kind":52,"patterns":196,"component_categories":199,"app":207},"5ef50c87-a5af-4fb7-ae75-3bfecd953a43","List view where the user browses their design prototypes presented as a grid of cards, with an open tools and extensions popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_dropdown-2_47a671e0_nicelydone.jpg",[197],{"id":116,"label":117,"slug":118,"rank":58,"group":198},{"id":37,"label":120,"slug":121},[200,204,205,206],{"id":201,"title":202,"slug":203},214,"Popover","popover",{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":49,"height":50,"image_alt":214,"kind":52,"patterns":215,"component_categories":233,"app":243},"3b65e8e9-7c8d-45ff-8411-938f5a7f8448","Share","Modal where the user configures sharing permissions and copies a private URL for a prototype.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_share_c378ecc4_nicelydone.jpg","Share from Invision",[216,220,225],{"id":217,"label":211,"slug":218,"rank":58,"group":219},24,"share",{"id":127,"label":128,"slug":129},{"id":221,"label":222,"slug":223,"rank":60,"group":224},82,"Media Detail","media-detail",{"id":37,"label":120,"slug":121},{"id":226,"label":227,"slug":228,"rank":127,"group":229},102,"Settings","settings",{"id":230,"label":231,"slug":232},10,"Settings & Admin","settings-and-admin",[234,238,242],{"id":235,"title":236,"slug":237},284,"Modal","modal",{"id":239,"title":240,"slug":241},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":244},[],{"uuid":246,"title":211,"description":247,"canonical_path":4,"image":248,"width":49,"height":50,"image_alt":214,"kind":52,"patterns":249,"component_categories":254,"app":258},"56c5cb1e-f64c-4746-99da-1e5f1c351cd4","List view where the user configures sharing permissions and sends a prototype link via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_share-2_f06858a5_nicelydone.jpg",[250,252],{"id":217,"label":211,"slug":218,"rank":58,"group":251},{"id":127,"label":128,"slug":129},{"id":221,"label":222,"slug":223,"rank":60,"group":253},{"id":37,"label":120,"slug":121},[255,256,257],{"id":235,"title":236,"slug":237},{"id":239,"title":240,"slug":241},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":259},[],{"uuid":261,"title":211,"description":262,"canonical_path":4,"image":263,"width":49,"height":50,"image_alt":214,"kind":52,"patterns":264,"component_categories":269,"app":273},"b14c1c3f-c3f5-41f6-a291-1e53b2a42da5","List view with a modal overlay for sharing a prototype via SMS, email, or a private URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_share-3_f2cd6569_nicelydone.jpg",[265,267],{"id":217,"label":211,"slug":218,"rank":58,"group":266},{"id":127,"label":128,"slug":129},{"id":221,"label":222,"slug":223,"rank":60,"group":268},{"id":37,"label":120,"slug":121},[270,271,272],{"id":235,"title":236,"slug":237},{"id":239,"title":240,"slug":241},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":274},[],{"uuid":276,"title":277,"description":278,"canonical_path":4,"image":279,"width":49,"height":280,"image_alt":281,"kind":52,"patterns":282,"component_categories":292,"app":306},"74e8db61-401b-45ed-ac92-e0677600766f","Gallery","List view where the user manages a grid of mobile app prototype screens, with options to share, test, and invite collaborators.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_gallery_0e94dc87_nicelydone.jpg",8386,"Gallery from Invision",[283,285,287],{"id":116,"label":117,"slug":118,"rank":58,"group":284},{"id":37,"label":120,"slug":121},{"id":217,"label":211,"slug":218,"rank":60,"group":286},{"id":127,"label":128,"slug":129},{"id":288,"label":289,"slug":290,"rank":127,"group":291},133,"Invite Teammates","invite-teammates",{"id":127,"label":128,"slug":129},[293,297,301,302,303,304,305],{"id":294,"title":295,"slug":296},223,"Slider","slider",{"id":298,"title":299,"slug":300},277,"Button group","button-group",{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":239,"title":240,"slug":241},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"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":322,"app":327},"36891b05-df53-4a7b-be05-0f0a3d7bc49c","Team","Detail page where the user invites collaborators to a mobile app prototype by entering their email addresses.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_team_fc41da72_nicelydone.jpg","Team from Invision",[315,317],{"id":288,"label":289,"slug":290,"rank":58,"group":316},{"id":127,"label":128,"slug":129},{"id":318,"label":319,"slug":320,"rank":60,"group":321},104,"Team Management","team-management",{"id":230,"label":231,"slug":232},[323,324,325,326],{"id":235,"title":236,"slug":237},{"id":239,"title":240,"slug":241},{"id":65,"title":66,"slug":67},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":328},[],{"uuid":330,"title":310,"description":331,"canonical_path":4,"image":332,"width":49,"height":50,"image_alt":313,"kind":52,"patterns":333,"component_categories":338,"app":342},"263dbcbb-f2b6-41ba-bb9a-a4cc668fac98","Modal where the user searches existing connections or enters an email address to invite people to a mobile app prototype.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_team-2_532f0b95_nicelydone.jpg",[334,336],{"id":288,"label":289,"slug":290,"rank":58,"group":335},{"id":127,"label":128,"slug":129},{"id":318,"label":319,"slug":320,"rank":60,"group":337},{"id":230,"label":231,"slug":232},[339,340,341],{"id":235,"title":236,"slug":237},{"id":65,"title":66,"slug":67},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":343},[],[],[346,348,350,352,354,356,358,360,362,364,366,368,370,373,376,379,382,385,387,391,395,399],{"label":117,"to":347},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":211,"to":349},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":289,"to":351},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":222,"to":353},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":137,"to":355},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":319,"to":357},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":124,"to":359},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":132,"to":361},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":109,"to":363},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":168,"to":365},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":227,"to":367},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":56,"to":369},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":371,"to":372},"Invision marketing pages","\u002Fexamples\u002Fapps\u002Finvision\u002Fmarketing",{"label":374,"to":375},"Invision user flows","\u002Fexamples\u002Fapps\u002Finvision\u002Fflows",{"label":377,"to":378},"Invision UI components","\u002Fexamples\u002Fapps\u002Finvision\u002Fcomponents",{"label":380,"to":381},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":383,"to":384},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":386,"to":18},"All SaaS app examples",{"label":388,"to":389,"description":390},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":392,"to":393,"description":394},"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":396,"to":397,"description":398},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":400,"to":401,"description":402},"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":404,"updated_at":405},"2016-06-30T08:00:00.000Z","2026-09-13T13:02:39.000Z"]