[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Finvision":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":356,"dates":391},"\u002Fexamples\u002Fapps\u002Finvision","detail","apps",true,{"title":9,"description":10,"og_image":11},"Invision design examples - Nicelydone","Explore Invision UI design examples. A prototyping, collaboration, and workflow platform for designers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Finvision_sign-in_a576c64a_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},"Invision design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Invision",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Finvision\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Finvision\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Invision","invision","A prototyping, collaboration, and workflow platform for designers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Finvision-e75b75c4.png","https:\u002F\u002Fwww.invisionapp.com",[41,45],{"id":42,"title":43,"slug":44},8,"Design","design",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",[],[51,353],{"family":52,"examples":53},"screens",[54,87,97,116,167,201,218,254,269,284,317,338],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":85},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73,77,81],{"id":74,"title":75,"slug":76},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":58,"height":59,"image_alt":92,"kind":61,"patterns":93,"component_categories":94,"app":95},"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":36,"title":35,"logo":38,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":29,"image":101,"width":58,"height":102,"image_alt":103,"kind":61,"patterns":104,"component_categories":110,"app":114},"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",[105],{"id":106,"label":107,"slug":108,"rank":67,"group":109},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[111,112,113],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":29,"image":120,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":123,"component_categories":154,"app":165},"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",[124,131,139,144,150],{"id":125,"label":126,"slug":127,"rank":67,"group":128},79,"Browse","browse",{"id":42,"label":129,"slug":130},"Pages & Content","pages-and-content",{"id":132,"label":133,"slug":134,"rank":69,"group":135},7,"Add & Create","add-and-create",{"id":136,"label":137,"slug":138},2,"Actions","actions",{"id":140,"label":141,"slug":142,"rank":136,"group":143},13,"Filter & Sort","filter-and-sort",{"id":136,"label":137,"slug":138},{"id":145,"label":146,"slug":147,"rank":148,"group":149},22,"Search","search",3,{"id":136,"label":137,"slug":138},{"id":151,"label":118,"slug":152,"rank":64,"group":153},81,"home",{"id":42,"label":129,"slug":130},[155,159,163,164],{"id":156,"title":157,"slug":158},240,"Horizontal navigation","horizontal-navigation",{"id":160,"title":161,"slug":162},260,"Badge","badge",{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":29,"image":171,"width":58,"height":121,"image_alt":172,"kind":61,"patterns":173,"component_categories":193,"app":199},"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",[174,176,183,191],{"id":125,"label":126,"slug":127,"rank":67,"group":175},{"id":42,"label":129,"slug":130},{"id":148,"label":177,"slug":178,"rank":69,"group":179},"Profile","profile",{"id":180,"label":181,"slug":182},11,"Social & Collaboration","social-and-collaboration",{"id":184,"label":185,"slug":186,"rank":136,"group":187},92,"Upgrade Prompt","upgrade-prompt",{"id":188,"label":189,"slug":190},9,"Plans & Limits","plans-and-limits",{"id":145,"label":146,"slug":147,"rank":148,"group":192},{"id":136,"label":137,"slug":138},[194,195,196,197,198],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":200},[],{"uuid":202,"title":169,"description":203,"canonical_path":29,"image":204,"width":58,"height":121,"image_alt":172,"kind":61,"patterns":205,"component_categories":208,"app":216},"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",[206],{"id":125,"label":126,"slug":127,"rank":67,"group":207},{"id":42,"label":129,"slug":130},[209,213,214,215],{"id":210,"title":211,"slug":212},214,"Popover","popover",{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":29,"image":222,"width":58,"height":59,"image_alt":223,"kind":61,"patterns":224,"component_categories":242,"app":252},"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",[225,229,234],{"id":226,"label":220,"slug":227,"rank":67,"group":228},24,"share",{"id":136,"label":137,"slug":138},{"id":230,"label":231,"slug":232,"rank":69,"group":233},82,"Media Detail","media-detail",{"id":42,"label":129,"slug":130},{"id":235,"label":236,"slug":237,"rank":136,"group":238},102,"Settings","settings",{"id":239,"label":240,"slug":241},10,"Settings & Admin","settings-and-admin",[243,247,251],{"id":244,"title":245,"slug":246},284,"Modal","modal",{"id":248,"title":249,"slug":250},233,"Tabs","tabs",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":253},[],{"uuid":255,"title":220,"description":256,"canonical_path":29,"image":257,"width":58,"height":59,"image_alt":223,"kind":61,"patterns":258,"component_categories":263,"app":267},"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",[259,261],{"id":226,"label":220,"slug":227,"rank":67,"group":260},{"id":136,"label":137,"slug":138},{"id":230,"label":231,"slug":232,"rank":69,"group":262},{"id":42,"label":129,"slug":130},[264,265,266],{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":268},[],{"uuid":270,"title":220,"description":271,"canonical_path":29,"image":272,"width":58,"height":59,"image_alt":223,"kind":61,"patterns":273,"component_categories":278,"app":282},"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",[274,276],{"id":226,"label":220,"slug":227,"rank":67,"group":275},{"id":136,"label":137,"slug":138},{"id":230,"label":231,"slug":232,"rank":69,"group":277},{"id":42,"label":129,"slug":130},[279,280,281],{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":29,"image":288,"width":58,"height":289,"image_alt":290,"kind":61,"patterns":291,"component_categories":301,"app":315},"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",[292,294,296],{"id":125,"label":126,"slug":127,"rank":67,"group":293},{"id":42,"label":129,"slug":130},{"id":226,"label":220,"slug":227,"rank":69,"group":295},{"id":136,"label":137,"slug":138},{"id":297,"label":298,"slug":299,"rank":136,"group":300},133,"Invite Teammates","invite-teammates",{"id":136,"label":137,"slug":138},[302,306,310,311,312,313,314],{"id":303,"title":304,"slug":305},223,"Slider","slider",{"id":307,"title":308,"slug":309},277,"Button group","button-group",{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":248,"title":249,"slug":250},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"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":331,"app":336},"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",[324,326],{"id":297,"label":298,"slug":299,"rank":67,"group":325},{"id":136,"label":137,"slug":138},{"id":327,"label":328,"slug":329,"rank":69,"group":330},104,"Team Management","team-management",{"id":239,"label":240,"slug":241},[332,333,334,335],{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":74,"title":75,"slug":76},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":337},[],{"uuid":339,"title":319,"description":340,"canonical_path":29,"image":341,"width":58,"height":59,"image_alt":322,"kind":61,"patterns":342,"component_categories":347,"app":351},"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",[343,345],{"id":297,"label":298,"slug":299,"rank":67,"group":344},{"id":136,"label":137,"slug":138},{"id":327,"label":328,"slug":329,"rank":69,"group":346},{"id":239,"label":240,"slug":241},[348,349,350],{"id":244,"title":245,"slug":246},{"id":74,"title":75,"slug":76},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":352},[],{"family":354,"examples":355},"pages",[],[357,359,361,364,367,370,373,375,379,383,387],{"label":358,"to":29},"Invision product screens",{"label":360,"to":32},"Invision marketing pages",{"label":362,"to":363},"Invision user flows","\u002Fexamples\u002Fapps\u002Finvision\u002Fflows",{"label":365,"to":366},"Invision UI components","\u002Fexamples\u002Fapps\u002Finvision\u002Fcomponents",{"label":368,"to":369},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":371,"to":372},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":374,"to":18},"All SaaS app examples",{"label":376,"to":377,"description":378},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":380,"to":381,"description":382},"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":384,"to":385,"description":386},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":388,"to":389,"description":390},"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":392,"updated_at":393},"2016-06-30T08:00:00.000Z","2026-09-13T13:02:39.000Z"]