[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftypeform\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":322},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":281,"links":282,"dates":319},"\u002Fexamples\u002Fapps\u002Ftypeform\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Typeform user flows examples - Nicelydone","Explore Typeform user flow examples. Preview the opening screens and steps for each task. Free & beautifully human online forms","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F407a6d5e-1c74-4fda-9b90-2706ac157e30.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},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":23,"to":4},"Typeform user flows examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Typeform","typeform","Free & beautifully human online forms","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","https:\u002F\u002Fwww.typeform.com",[35,39,43,47],{"id":36,"title":37,"slug":38},69,"Surveys","surveys",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},96,"No code","no-code",{"id":48,"title":49,"slug":50},104,"User Research","user-research",[52,77,101,111,129,153,176,192,211,229,247,263],{"uuid":53,"title":54,"canonical_path":4,"kind":55,"patterns_count":56,"categories":57,"screens":61,"app":76},"572b7767-b4e4-4a1d-95ac-da478ae3730b","Signing in","flow",6,[58],{"id":59,"title":54,"slug":60},61,"sign-in",[62,68,72],{"uuid":63,"title":29,"description":64,"image":11,"image_alt":65,"width":66,"height":67},"407a6d5e-1c74-4fda-9b90-2706ac157e30","Authentication screen where the user can log in or sign up using Google, Microsoft, or an email address, featuring a stylized product illustration on the right.","Typeform from Typeform",3024,1780,{"uuid":69,"title":29,"description":70,"image":71,"image_alt":65,"width":66,"height":67},"df7e2915-ad1d-4e6d-b690-b1ebdff649a3","Authentication screen where the user can log in or sign up using email, Google, Microsoft, or enterprise SSO, accompanied by a stylized product illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf7e2915-ad1d-4e6d-b690-b1ebdff649a3.png",{"uuid":73,"title":29,"description":74,"image":75,"image_alt":65,"width":66,"height":67},"e3d9673b-3892-4536-8f5f-29091877bc99","Authentication screen where the user can log in or sign up using Google, Microsoft, or an email address, featuring a product illustration on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3d9673b-3892-4536-8f5f-29091877bc99.png",{"slug":30,"title":29,"logo":32},{"uuid":78,"title":79,"canonical_path":4,"kind":55,"patterns_count":80,"categories":81,"screens":85,"app":100},"42a7c040-2bf3-40f6-b2d8-8ada2f7d7f85","Onboarding",23,[82],{"id":83,"title":79,"slug":84},45,"onboarding",[86,92,96],{"uuid":87,"title":88,"description":89,"image":90,"image_alt":91,"width":66,"height":67},"41ac07ba-036c-4066-b8ff-202fb162d5c1","Typeform - Workspaces","Onboarding transition screen where the system sets up the foundation for building forms.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41ac07ba-036c-4066-b8ff-202fb162d5c1.png","Typeform - Workspaces from Typeform",{"uuid":93,"title":88,"description":94,"image":95,"image_alt":91,"width":66,"height":67},"bb109744-2388-47c0-bf03-5b31c03df070","Loading screen displaying the product logo and a faint initialization message while the workspace loads.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb109744-2388-47c0-bf03-5b31c03df070.png",{"uuid":97,"title":88,"description":98,"image":99,"image_alt":91,"width":66,"height":67},"5839ecb2-29f8-4407-87db-8cb8f87086cb","Conversational UI Keyboard shortcuts","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5839ecb2-29f8-4407-87db-8cb8f87086cb.png",{"slug":30,"title":29,"logo":32},{"uuid":102,"title":103,"canonical_path":4,"kind":55,"patterns_count":104,"categories":105,"screens":106,"app":110},"d2dac709-9bd4-4079-a8a6-f574c465e82d","Setting up profile",14,[],[107,108,109],{"uuid":87,"title":88,"description":89,"image":90,"image_alt":91,"width":66,"height":67},{"uuid":93,"title":88,"description":94,"image":95,"image_alt":91,"width":66,"height":67},{"uuid":97,"title":88,"description":98,"image":99,"image_alt":91,"width":66,"height":67},{"slug":30,"title":29,"logo":32},{"uuid":112,"title":113,"canonical_path":4,"kind":55,"patterns_count":114,"categories":115,"screens":116,"app":128},"2cadfb76-fdab-4c61-acdf-070c8cb18f26","Customizing experience",7,[],[117,121,125],{"uuid":118,"title":88,"description":119,"image":120,"image_alt":91,"width":66,"height":67},"d2004baa-918d-42d2-be7e-ce36b1d45051","Keyboard shortcuts","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2004baa-918d-42d2-be7e-ce36b1d45051.png",{"uuid":122,"title":88,"description":123,"image":124,"image_alt":91,"width":66,"height":67},"eb23b8dd-f610-4cd2-8753-2f2e7514d45d","Account setup Keyboard shortcuts","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb23b8dd-f610-4cd2-8753-2f2e7514d45d.png",{"uuid":126,"title":88,"description":119,"image":127,"image_alt":91,"width":66,"height":67},"3167e6e3-f1e6-4a40-9f0b-0330736a3cb5","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3167e6e3-f1e6-4a40-9f0b-0330736a3cb5.png",{"slug":30,"title":29,"logo":32},{"uuid":130,"title":131,"canonical_path":4,"kind":55,"patterns_count":56,"categories":132,"screens":137,"app":152},"dc37b0e4-2516-4801-b437-3f735dd72f60","Generating content with AI",[133],{"id":134,"title":135,"slug":136},83,"Asking Artificial intelligence","ask-artificial-intelligence",[138,144,148],{"uuid":139,"title":140,"description":141,"image":142,"image_alt":143,"width":66,"height":67},"def6ae53-47f6-4731-9d1c-429ae4480436","Typeform - Create","Design editor where the user is generating a user research form for a curated showcase site using an inline AI chat assistant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdef6ae53-47f6-4731-9d1c-429ae4480436.png","Typeform - Create from Typeform",{"uuid":145,"title":140,"description":146,"image":147,"image_alt":143,"width":66,"height":67},"841883ec-a509-4cf4-86d7-cbdc0acbba16","Form builder interface where the user is using an AI assistant to generate a survey about design inspiration and community feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F841883ec-a509-4cf4-86d7-cbdc0acbba16.png",{"uuid":149,"title":140,"description":150,"image":151,"image_alt":143,"width":66,"height":67},"b444539f-c196-4f14-855d-ea5b41d0482f","Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb444539f-c196-4f14-855d-ea5b41d0482f.png",{"slug":30,"title":29,"logo":32},{"uuid":154,"title":155,"canonical_path":4,"kind":55,"patterns_count":156,"categories":157,"screens":162,"app":175},"c694d2c6-7234-466c-8b88-0834745bcada","Building form",147,[158],{"id":159,"title":160,"slug":161},28,"Creating","create",[163,167,171],{"uuid":164,"title":140,"description":165,"image":166,"image_alt":143,"width":66,"height":67},"43652656-211c-4f60-8fbd-a9017112bbc8","Form builder where the user selects new question types or app integrations to add to their form from a categorized modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F43652656-211c-4f60-8fbd-a9017112bbc8.png",{"uuid":168,"title":140,"description":169,"image":170,"image_alt":143,"width":66,"height":67},"19a3d311-cf1b-46e0-a1de-1c4022e3f642","Design editor modal where the user browses and searches for new question types, integrations, and form elements to add to their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19a3d311-cf1b-46e0-a1de-1c4022e3f642.png",{"uuid":172,"title":140,"description":173,"image":174,"image_alt":143,"width":66,"height":67},"53573f41-a82c-45fd-91fb-407d48133b38","WYSIWYG editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53573f41-a82c-45fd-91fb-407d48133b38.png",{"slug":30,"title":29,"logo":32},{"uuid":177,"title":178,"canonical_path":4,"kind":55,"patterns_count":179,"categories":180,"screens":181,"app":191},"08591d4d-327a-4c5b-9ce2-b9dbaebe6abf","Editing welcome screen",10,[],[182,183,187],{"uuid":172,"title":140,"description":173,"image":174,"image_alt":143,"width":66,"height":67},{"uuid":184,"title":140,"description":185,"image":186,"image_alt":143,"width":66,"height":67},"dd8b1486-6253-4b81-a2a0-ce3f8c0ed3c2","Form builder interface where the user is editing the welcome screen, with block navigation on the left, property settings on the right, and an AI chat prompt at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd8b1486-6253-4b81-a2a0-ce3f8c0ed3c2.png",{"uuid":188,"title":140,"description":189,"image":190,"image_alt":143,"width":66,"height":67},"38ff29fd-ce21-4909-ba8a-4ca2e2a9ade3","Design editor where the user configures the welcome screen of a form, adjusting properties like estimated completion time and button labels, with an AI prompt bar to generate content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38ff29fd-ce21-4909-ba8a-4ca2e2a9ade3.png",{"slug":30,"title":29,"logo":32},{"uuid":193,"title":194,"canonical_path":4,"kind":55,"patterns_count":195,"categories":196,"screens":197,"app":210},"aac93768-d671-4771-900d-914d4b4b88de","Editing contact info",8,[],[198,202,206],{"uuid":199,"title":140,"description":200,"image":201,"image_alt":143,"width":66,"height":67},"4d774bbb-1bac-4b36-a165-b392537d02b3","Design editor where the user configures a contact info form, adjusting field settings in a right-hand inspector and using an AI prompt to generate content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d774bbb-1bac-4b36-a165-b392537d02b3.png",{"uuid":203,"title":140,"description":204,"image":205,"image_alt":143,"width":66,"height":67},"ab3e8b95-b358-443b-8834-bf5e6636f7ae","Design editor where the user configures a contact info step with fields for name, phone, and email, while adjusting block settings in the right panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab3e8b95-b358-443b-8834-bf5e6636f7ae.png",{"uuid":207,"title":140,"description":208,"image":209,"image_alt":143,"width":66,"height":67},"5d502960-0f81-4932-bf52-d187d4b75f14","Form builder interface where the user edits a contact info block with fields for name, phone, email, and company, while configuring settings in a right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d502960-0f81-4932-bf52-d187d4b75f14.png",{"slug":30,"title":29,"logo":32},{"uuid":212,"title":213,"canonical_path":4,"kind":55,"patterns_count":195,"categories":214,"screens":215,"app":228},"3b38814f-0b5a-4793-ae15-0cd462bcd4c4","Editing questions",[],[216,220,224],{"uuid":217,"title":140,"description":218,"image":219,"image_alt":143,"width":66,"height":67},"0d6fb954-4019-449f-ab4c-8aca301ad58c","Form builder interface where the user edits a multiple-choice question with a properties panel on the right and a block list on the left.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d6fb954-4019-449f-ab4c-8aca301ad58c.png",{"uuid":221,"title":140,"description":222,"image":223,"image_alt":143,"width":66,"height":67},"04246861-b719-4528-af4e-ef267f1d3fa2","Design editor where the user configures a multiple-choice question about the respondent's primary role, with settings for randomization and multiple selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04246861-b719-4528-af4e-ef267f1d3fa2.png",{"uuid":225,"title":140,"description":226,"image":227,"image_alt":143,"width":66,"height":67},"828c6d65-508d-42e2-8389-8fa45875414e","Form builder where the user is editing a multiple-choice question and configuring its settings in a side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F828c6d65-508d-42e2-8389-8fa45875414e.png",{"slug":30,"title":29,"logo":32},{"uuid":230,"title":213,"canonical_path":4,"kind":55,"patterns_count":231,"categories":232,"screens":233,"app":246},"01184aa9-a743-4d4e-9b85-03673445a089",15,[],[234,238,242],{"uuid":235,"title":140,"description":236,"image":237,"image_alt":143,"width":66,"height":67},"32a2ffde-457f-4b5b-8af5-609856b235f9","Conditional logic","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32a2ffde-457f-4b5b-8af5-609856b235f9.png",{"uuid":239,"title":140,"description":240,"image":241,"image_alt":143,"width":66,"height":67},"f0111c5a-10d1-4d6f-ab11-606ad4bb4759","Design editor where the user configures a dropdown question, sets answer properties like required and randomize, and can use an AI prompt to generate content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff0111c5a-10d1-4d6f-ab11-606ad4bb4759.png",{"uuid":243,"title":140,"description":244,"image":245,"image_alt":143,"width":66,"height":67},"73689b03-13d7-4f6c-a393-a1cfb41d845a","Form builder where the user pastes multiple choices into a text area within a modal to bulk-add options to a dropdown question.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73689b03-13d7-4f6c-a393-a1cfb41d845a.png",{"slug":30,"title":29,"logo":32},{"uuid":248,"title":249,"canonical_path":4,"kind":55,"patterns_count":56,"categories":250,"screens":251,"app":262},"5a8d3399-6984-46ed-a66b-83fbb26c815e","Editing matrix",[],[252,255,259],{"uuid":253,"title":140,"description":173,"image":254,"image_alt":143,"width":66,"height":67},"0a749386-fe0f-4927-a455-5008b5831ce9","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a749386-fe0f-4927-a455-5008b5831ce9.png",{"uuid":256,"title":140,"description":257,"image":258,"image_alt":143,"width":66,"height":67},"61f49276-106c-4a4b-b700-bc3830ace02d","Feedback collection","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61f49276-106c-4a4b-b700-bc3830ace02d.png",{"uuid":260,"title":140,"description":173,"image":261,"image_alt":143,"width":66,"height":67},"be90a7df-374e-422f-8df3-22913c9b0f1a","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe90a7df-374e-422f-8df3-22913c9b0f1a.png",{"slug":30,"title":29,"logo":32},{"uuid":264,"title":249,"canonical_path":4,"kind":55,"patterns_count":265,"categories":266,"screens":267,"app":280},"f2daf897-c33b-49f7-8f1f-71379367d081",16,[],[268,272,276],{"uuid":269,"title":140,"description":270,"image":271,"image_alt":143,"width":66,"height":67},"2334113f-0fb3-43e2-b99e-1d4b9e468597","Design editor where the user constructs a form by configuring a matrix question, adjusting required settings in the inspector panel, and using an AI prompt to generate content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2334113f-0fb3-43e2-b99e-1d4b9e468597.png",{"uuid":273,"title":140,"description":274,"image":275,"image_alt":143,"width":66,"height":67},"d693197c-0f96-4fa5-a3c3-2ffbf3f68d4e","Form builder where the user configures a matrix question with rows and columns, while an AI chat input sits at the bottom for generation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd693197c-0f96-4fa5-a3c3-2ffbf3f68d4e.png",{"uuid":277,"title":140,"description":278,"image":279,"image_alt":143,"width":66,"height":67},"78c93593-9d32-40e5-a40f-8749b2ea2f62","Design editor where the user configures a matrix-style question for a form, adjusting row and column labels while managing settings like required status and multiple selection in the right panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78c93593-9d32-40e5-a40f-8749b2ea2f62.png",{"slug":30,"title":29,"logo":32},[],[283,286,289,292,295,298,301,303,307,311,315],{"label":284,"to":285},"Typeform product screens","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens",{"label":287,"to":288},"Typeform marketing pages","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fmarketing",{"label":290,"to":291},"Typeform UI components","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fcomponents",{"label":293,"to":294},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"label":296,"to":297},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":299,"to":300},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":302,"to":18},"All SaaS app examples",{"label":304,"to":305,"description":306},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":308,"to":309,"description":310},"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":312,"to":313,"description":314},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":316,"to":317,"description":318},"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":320,"updated_at":321},"2016-09-07T08:30:24.000Z","2026-09-13T13:02:39.000Z",{"left":323,"top":323,"width":324,"height":324,"rotate":323,"vFlip":325,"hFlip":325,"body":326},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]